Как условно загрузить @Font-Faces через CSS3? [закрыто]

Question

Как условно загрузить @Font-Faces через CSS3? [закрыто]

Любопытно, когда вы используете красивый шрифт, как, например, многоязычный Calibri fotn (шрифт win7), тогда он даже загружается, хотя у пользователя уже установлен шрифт, когда я использую следующий css:

@charset "utf-8";  
@font-face {
    font-family: Calibri;
    src: url('http://blabla.com/calibri.eot')
    }

Однако: этот шрифт имеет размер 400 кб, и я хотел бы, чтобы он загружался ТОЛЬКО, если шрифт ОТСУТСТВУЕТ или установлен под этим именем/фамилией, верно?

Вопрос: Возможно ли установить для этого аккуратное условное правило для современных браузеров (скажем, IE8+, Firefox 3+ и т.д.). Как это реализовать? Спасибо за любые подсказки!

1

html css embed fonts css3

Author: Sam, 2010-12-15

Source

1 answers

score 4 · Accepted Answer

Вы можете сделать это так:

@font-face {
    font-family: Calibri;
    src:
         local('Calibri'),
         url('http://blabla.com/calibri.eot');
}

Источник и более подробное объяснение.