当本地存在时，避免下载Web字体

Question

当网页上已经存在本地机器上的Web字体（例如Mylius Modern），如何避免动态加载它们？

- santosh kumar

---

你的文件里还有那个字体吗？我有一个版本是BA为他们的一个网站提供给我的，但是我无法转换它，因为它是.pfb和.afm格式。 - Oliver Tappin

Answer 1

您可以在网页字体的@font-face块中使用local()源：

@font-face {
    font-family: Mylius Modern;
    src: local('Mylius Modern') …;
}

然而，这可能会导致权限问题。

(在这里放置其余的资源，就像你已经做的那样，用逗号分隔。但是，对于Internet Explorer支持，请确保在包含local()的src之前放置一个包含嵌入式开放类型(.eot)字体的src，因为IE8及更早版本不识别它。)

- user1675187

---

+1，但您可能还想指定备用下载。 :) - Starx

Answer 2

对于其他网站，你无能为力。但如果你想在自己的网站上实现这一点，那么 CSS3 可以帮助你。

@font-face {
  font-family: Mylius Modern;
  src: local(Mylius Modern),   /* use locally available Mylius Modern*/
       url(Mylius_Modern.ttf); /* otherwise, download it */
}

- user1280616