在网页中使用非标准字体？ [关闭]答案

【问题标题】：Using non-standard font in web pages? [closed]在网页中使用非标准字体？ [关闭]
【发布时间】：2011-12-04 18:54:11
【问题描述】：

有人告诉我要使用非标准字体创建网站。客户端提供了字体文件（.otf 格式）。有什么办法可以让网页上的文字以指定的字体显示（非网络标准）？

除了使用 sIFR 还有其他选择吗？

编辑：我如何将此@font-face 仅应用于特定的 div？

【问题讨论】：

【解决方案1】：

您可以为此使用 CSS @font-face 声明。

但是，请注意：并非所有浏览器都支持otf 格式。
您可以使用FontSquirrel's Font-face Generator 等工具将字体转换为您需要的所有不同格式。它甚至会为您生成 CSS，然后您只需将其复制并粘贴到您的项目中。

【讨论】：

您的回答大多比我的好，所以我将它们合并并删除了我的:)。 +1
如何将此字体仅应用于特定的 div？
@font-face 声明根本不会将字体应用到您的页面。您需要 @font-face 声明，以便您可以在页面中使用该字体。然后，您可以通过常规 CSS font-family 属性将字体应用到您的 div。如果您使用的是 FontSquirrel 的生成器，您应该在下载中包含一个示例页面...

【解决方案2】：

不是 100% 支持，但是：

@font-face {
    font-family: MyFont;
    src: url('MyFont.otf');
}

【讨论】：

【解决方案3】：

CSS 3 使浏览器能够下载和使用 TTF 文件格式。像往常一样，IE 提供部分支持。像往常一样，谷歌来救援。

【讨论】：

【解决方案4】：

或者，您可以使用 Cufon 字体替换：

但它确实有一些缺点：无法复制文本并且它使用 javascript，这在一些非常旧的浏览器中可能会出现问题，如果有人在关闭 js 的情况下浏览。

【讨论】：