@font-face src: local - Как использовать локальный шрифт, если пользователь уже имеет его?

Каков правильный способ использования @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;
}

Ответ 1

Если вы хотите сначала проверить локальные файлы:

@font-face {
font-family: 'Green Sans Web';
src:
    local('Green Web'),
    local('GreenWeb-Regular'),
    url('GraublauWeb.ttf');
}

Более подробное описание о том, что здесь делать.

Ответ 2

Я действительно ничего не делал с font-face, поэтому возьмите это с щепоткой соли, но я не думаю, что для любого браузера окончательно будет указано, установлен ли данный веб-шрифт на компьютере пользователя или нет.

Пользователь может, например, иметь другой шрифт с тем же именем, установленным на своем компьютере. Единственный способ окончательно сказать - сравнить файлы шрифтов, чтобы убедиться, что они идентичны. И браузер не смог сделать это, не загружая сначала свой веб-шрифт.

Загружает ли Firefox шрифт, когда вы действительно используете его в объявлении font? (например, h1 { font: 'DejaVu Serif';)?