@font-face – wszystko, co powinieneś wiedzieć i jeszcze więcej

http://blog.fuertigo.pl/CSS/font-face-wszystko-co-powinienes-wiedziec-i-jeszcze-wiecej/149/
http://blog.secondgate.pl/2011/01/23/kompletna-instrukcja-uzywania-font-face/

http://css-tricks.com/snippets/css/using-font-face/
http://www.w3.org/TR/2013/CR-css-fonts-3-20131003/

http://www.fontsquirrel.com/tools/webfont-generator

.font-face(@font-path: '../../../fonts/family-name', @file-name: arial-regular, @weight: normal, @style: normal) {
    @font-face {
        font-family: '@{file-name}';
        src: url('@{font-path}/@{file-name}.eot');
        src: url('@{font-path}/@{file-name}.eot?#iefix') format('embedded-opentype'),
             url('@{font-path}/@{file-name}.woff') format('woff'),
             url('@{font-path}/@{file-name}.ttf') format('truetype'),
             url('@{font-path}/@{file-name}.svg#@{file-name}') format('svg');
        font-weight: @weight;
        font-style: @style;
    }
}