在Cambria

Question

如您所知，Mac系统在不到33％的情况下支持Cambria字体。所以我必须使用font-face。我需要一个代码来帮助用户的浏览器（根据他们的系统），如果他们没有该字体然后下载它。 所以我写了这个纯粹的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

可能会下载字体，因为系统（OS）上的字体不可用。根据操作系统的不同，系统中字体的位置可能会有所不同。您可以轻松检查基础系统上是否有特定字体。请参阅以下链接以查看已安装的字体：

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

我使用＆＃39; Cambria＆＃39;测试了一个示例页面。字体并验证没有从浏览器触发下载字体的请求（因为我的系统已经安装了Cambria字体）。

示例代码可以在笔下找到：

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

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

您可以打开浏览器开发工具并监控触发的请求（只需更改HTML部分中的某些文本）。如果您看到了对Cambria.ttf＆＃39;的请求，则只表示该浏览器无法使用该特定字体。

由于我的系统有坎布里亚＆＃39;字体，我不得不修改本地网址到坎布里亚A＆＃39;看到被解雇的请求。