Ответ 1
Если вы хотите сначала проверить локальные файлы:
@font-face {
font-family: 'Green Sans Web';
src:
local('Green Web'),
local('GreenWeb-Regular'),
url('GraublauWeb.ttf');
}
Более подробное описание о том, что здесь делать.
Каков правильный способ использования @font-face
, чтобы браузер не загружал шрифт, если у пользователя уже есть его?
Я использую @font-face для определения DejaVu, который уже установлен в моей системе (linux). Firefox не загружает шрифт, но Chromium скачивает его каждый раз!
Мой CSS-код, основанный на font squirrel и этот вопрос выглядит это:
@font-face {
font-family: 'DejaVu Serif';
src: url('DejaVuSerif-webfont.eot');
src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');
font-weight: normal;
font-style: normal;
}
/* ... @font-face definitions for italic and bold omitted ... */
@font-face {
font-family: 'DejaVu Serif';
src: url('DejaVuSerif-BoldItalic-webfont.eot');
src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') format('woff'), url('DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'), url('DejaVuSerif-BoldItalic-webfont.svg#webfontQAewh7pf') format('svg');
font-weight: bold;
font-style: italic;
}
Если вы хотите сначала проверить локальные файлы:
@font-face {
font-family: 'Green Sans Web';
src:
local('Green Web'),
local('GreenWeb-Regular'),
url('GraublauWeb.ttf');
}
Более подробное описание о том, что здесь делать.
Я действительно ничего не делал с font-face
, поэтому возьмите это с щепоткой соли, но я не думаю, что для любого браузера окончательно будет указано, установлен ли данный веб-шрифт на компьютере пользователя или нет.
Пользователь может, например, иметь другой шрифт с тем же именем, установленным на своем компьютере. Единственный способ окончательно сказать - сравнить файлы шрифтов, чтобы убедиться, что они идентичны. И браузер не смог сделать это, не загружая сначала свой веб-шрифт.
Загружает ли Firefox шрифт, когда вы действительно используете его в объявлении font
? (например, h1 { font: 'DejaVu Serif';
)?