Вставлять с помощью @font-face, только если шрифт отсутствует?

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

font-family: Verdana;

Но если Verdana отсутствует, я хочу, чтобы она была встроена через директиву @font-face, например:

@font-face {
  font-family: Verdana;
  src: url(/some_path/verdana.ttf);
}

Как написать код для этого выбора?


fonts css font-face font-family
person Community    schedule 08.11.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Использовать

@font-face {
  font-family: Verdana;
  src: local('Verdana'), url(/some_path/verdana.ttf);
}
person Pajn    schedule 08.11.2013