css - 我如何在 CSS 中使用自定义字体

Question

为了使用浏览器不支持的自定义字体，我可以尝试哪些选项？

Answer 1

更新:截至 2015 年，最好的选择是使用 CSS3 font-face，几乎所有地方都支持它。 Google Fonts 平台上有很好的示例。

正确知道可能最好的选择是 cufon:http://cufon.shoqolate.com/generate/

它是一个 JavaScript 库，可将服务器上的字体文件转换为浏览器中这些字体的 JavaScript 表示形式。适用于所有主要浏览器，看起来非常漂亮，不会减慢速度(就像旧的基于 Flash 的 sIFR 解决方案)，但确实需要 JavaScript。 (没有它，您仍然会看到所有文本，但使用标准字体)。

或者您可以使用 CSS3 字体:http://randsco.com/index.php/2009/07/04/p680基本上，您将字体放在服务器上，然后使用 CSS 来呈现它们，简单明了。所有浏览器都不太支持它，但现在它可能是您最好的选择。不需要 JavaScript。 (我知道我说过 cufon 是你最好的镜头，但这两个同样好，只是方法有点不同)

更新:此外，font-face 可能更好的另一个原因是与它一起使用的文本变得就像文档中的任何其他文本一样。 Cufoned 文本在大多数浏览器中变成 Canvas 标签，并且存在文本选择等问题。另外，如果您在任何大量文本上使用 cufon(例如整篇文章的文本，而不仅仅是标题)，它可能会变得相当慢(因为 JavaScript 必须渲染大量文本)在这种情况下)。不过标题很好。