Веб-дизайн и веб-разработка для компаний и частных лиц в Чешской Республике.
+420 608 713 199

Синтаксис @Font-Face для большей совместимости

Сайт fontspring.com опубликовал пример css для @font-face, который при своей простоте будет наиболее совместимым с различными браузерами:

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?') format('eot'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}

Раньше для ie версий меньше 9 приходилось делать отдельное определение, поскольку из-за бага в парсере именем файла считалось все от начала первой скобки до её конца. Однако, найденное решение позволило обойти этот баг. Решение заключается в решетке (#) после имени eot-файла… Да-да, именно такое простое решение позволило упростить код css.

Интересуют наши услуги?
Наймите нас