Какое минимальное правило совместимости CSS3 для определения шрифта?
Возможный дубликат:
Как мы можем использовать @font-face в стиле LESS CSS
С учетом современных браузеров и их новейших версий (для веб-сайта, предназначенного для будущего использования) это определение шрифта с помощью ttf, svg и eot будет лучшим решением для FF, IE, Chrome и Safari?
Является ли приведенная ниже лучшая минимальная версия, которая гарантирует совместимость? Другими словами, можно ли удалить svg и eot в настоящее время или IE все еще не может прочитать 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');
1 ответ
Решение
Волшебный Пол Ирландский написал статью о @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;
}