Javascript 向网站用户的HTML/CSS代码添加字体（跨浏览器）

假设我有几个.otf和.dfont字体文件，它们在PSD中用于网站设计。现在我需要将这些字体添加到HTML/CSS代码中。我知道CSS3的@font特性可以做到这一点。但我确信它不适用于较旧的浏览器？那么跨浏览器的方法是什么呢？

我正在使用FontSquirrel的@font-face工具包生成器，我认为它工作得很好

查看

Shai

您可以使用它来创建包含各种

@font-face

声明的最兼容的CSS

显然会有一些旧浏览器不支持它-对于那些您应该在使用自定义字体时指定常规字体的浏览器，例如：

p { font-family: "your font", sans-serif; }

---

首先，网站不必在所有浏览器中看起来都一样（）。在旧的浏览器中不显示这些字体是很好的。只需提供@ThiefMaster提到的备用方案

如果您坚持使用相同的字体，即使对于较旧的浏览器，也可能需要依赖Cufon（）实现跨浏览器兼容性。使用功能检测（使用）并有条件地加载Cufon库。请注意，在正文文本上使用Cufon会使页面加载变慢

---

注：所有IE版本都支持web字体嵌入。

FontSquirrel不适合我，另一方面，他完美地将DFONT转换为TTF。

这是他已经知道的。他需要一个针对旧浏览器的解决方案。你是怎么做到的？我提供了最兼容的跨浏览器字体解决方案。您知道@font标记并不意味着您知道如何获得一个与所有各种字体格式完全兼容的工具包。当然，对于较旧的浏览器（IE6和朋友），您必须始终“回退”到标准字体，但这并没有什么可做的。这里有几个问题：。对于这个网站来说，dfont文件太大，超过3Mb。我可以加载的字体数有问题（只有3个），最后，Gotham-Black.otf字体也有问题。它由生成器块列出：((((((（@ShaiMishali我想他已经知道了。对不起，我的错。顺便说一句，IE6和朋友确实支持web字体嵌入。甚至IE4。什么是回退？你说的提供回退是什么意思？想提供类似的字体而不是确切的字体吗？是的。在你的样式规则中，只要提供一个类似的字体，如果浏览器不支持，就可以显示<代码> >字体脸>代码> Cufon解决方案和TIEFMIT解决方案的优点是什么？这是非常重要的。使用CuFon，您可以为不支持<代码> @字体字体< /代码>的浏览器显示相同的字体，而ThiefMaster的解决方案显示了不支持的浏览器的相似字体。请在进入STAC之前考虑一些研究。我想问一个问题。这是一个很好的观点，马辛。谢谢你精心的修改。