Использование локального src в шрифте для Cambria

Question

Как известно, системы Mac поддерживают шрифт Cambria менее чем в 33% случаев. Поэтому я должен использовать шрифт для этого. Мне нужен код, чтобы помочь браузеру пользователя (в зависимости от их систем), если у них не было шрифта, а затем загрузите его. Так что я написал этот чистый код CSS:

@font-face { 
    font-family:Cambria; 
    src: 
    local('Cambria'), 
    url('../fonts/Cambria/Cambria.ttf'); 
} 

body{ 
    font-family:Cambria, Georgia, serif; 
} 

Это выглядит хорошо. Но когда я использую этот сайт (https://tools.pingdom.com), чтобы проверить проблемы, для chrome или firefox или другого браузера, этот сайт контролирует, что у меня есть загрузка для файла ttf. Я думаю, потому что у меня уже есть шрифт, который он не должен загружать и должен читать его как локальный шрифт. В чем проблема. Большое спасибо за ваши ответы.

Answer 1

Шрифт можно загрузить, так как шрифт недоступен в системе (ОС). В зависимости от ОС расположение шрифтов в системе может отличаться. Вы можете легко проверить, доступен ли конкретный шрифт в базовой системе. Ниже ссылки для проверки установленных шрифтов:

http://www.howtogeek.com/howto/22277/how-to-install-manage-and-delete-fonts-on-your-pc/

Я опробовал тестовую страницу, используя шрифт «Cambria» и проверить, что ни один запрос не был уволен из браузера, чтобы загрузить шрифт (как моя система уже установлена ​​Cambria шрифт) ,

пример кода можно найти на ниже ручки:

http://codepen.io/kaashan/pen/ygjjmb

@font-face { 
    font-family:Cambria; 
    src: local('Cambria'), url('../fonts/Cambria/Cambria.ttf'); 
} 

Вы можете открыть средства разработки браузера и отслеживать, какие запросы увольняют (просто изменить текст в разделе HTML). Если вы видите запрос для «Cambria.ttf», это просто означает, что конкретный шрифт недоступен для браузера.

Поскольку в моей системе были шрифты «Cambria», мне пришлось изменить локальный url на «Cambria A», чтобы увидеть, что запрос уволен.