Каково минимальное правило совместимости CSS3 для определения шрифта?

Возможный дубликат:
Как мы можем использовать @font-face в МЕНЬШЕМ типе CSS

Учитывая современные браузеры и их новейшие версии (для веб-сайта, предназначенного для использования в будущем), будет ли это определение шрифта с ttf, svg и eot лучшим решением для FF, IE, Chrome и Safari?

Является ли нижеприведенная лучшая минимальная версия, гарантирующая совместимость? Другими словами, можно ли удалить svg и eot в настоящее время, или IE все еще нуждается в eot, поскольку он не может читать ttf?

        @font-face {
            font-family: 'Somefont Regular';
            src: url('somefont.eot');
            src: local('Somefont Regular'), 
                 local('Somefont'), 
                 url('somefont.ttf') format('truetype'),
                 url('somefont.svg#font') format('svg');

svg fonts css truetype eot
person Sam    schedule 15.08.2012    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Волшебный Пол Айриш написал статью о @font-face кроссбраузерной/кроссплатформенной поддержке где-то в 2010 году. Это стоит проверить.

Кроме того, вот код, который я часто использую:

@font-face {
    font-family: 'Museo';
    src: url('museo_slab_500-webfont.eot');
    src: url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo_slab_500-webfont.woff') format('woff'),
         url('museo_slab_500-webfont.ttf') format('truetype'),
         url('museo_slab_500-webfont.svg#Museo') format('svg');
    font-weight: normal;
    font-style: normal;
}
person cereallarceny    schedule 15.08.2012