Таким образом, у меня есть этот стек:
@font-face {
font-family: 'MyCustomFont';
src: url('MyCustomFont.ttf') format('truetype');
}
body { font-family: Helvetica, MyCustomFont, Arial, sans-serif; }
MyCustomFont.tff
загруженный браузером, даже если Helvetica присутствует в машине (т.е.: пользователи Mac)?
Вам необходимо использовать директиву local
для проверки локально установленной версии шрифта. Если он не найден, будет проверяться и загружаться следующий шрифт в списке, если он доступен. Например:
@font-face {
font-family: MyHelvetica;
src: local("Helvetica Neue Bold"),
local("HelveticaNeue-Bold"),
url(MgOpenModernaBold.ttf);
font-weight: bold;
}
Приведенный выше пример был взят отсюда:
https://developer.mozilla.org/en/css/@font-face
Здесь есть дополнительная информация:
http: / /www.broken-links.com/2009/06/30/checking-for-installed-fonts-with-font-face-and-local/
После загрузки шрифта он будет кэширован браузером. . Оказавшись в кеше, браузеру не нужно будет повторно загружать шрифт, что ускорит процесс. См. Здесь для получения дополнительной информации:
http://code.google.com/apis/webfonts/faq.html#Performance