html - 如何将外部字体加载到 HTML 文档中？

Question

如何将外部字体文件加载到 HTML 文档中。

例子: 使用 HTML CSS 和/或 JAVASCRIPT 使文本“blah blah blah blah blah blah blah blah”成为同一目录中 TTF 文件的自定义字体

Answer 1

看看这个A List Apart article .相关的 CSS 是:

@font-face {
  font-family: "Kimberley";
  src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}
h1 { font-family: "Kimberley", sans-serif }

以上内容适用于 Chrome/Safari/FireFox。正如 Paul D. Waite 在评论中指出的那样，如果将字体转换为 EOT format，则可以使其与 IE 一起使用。 .

好消息是，这在旧版浏览器中似乎可以正常降级，所以只要您知道并非所有用户都会看到相同的字体这一事实并对此感到满意，就可以安全使用它。