CSS中的字体嵌入答案

【问题标题】：Font embedding in CSSCSS中的字体嵌入
【发布时间】：2011-08-17 18:59:09
【问题描述】：

我即将为我的网站使用一些自定义字体。我知道目前很少有网站提供免费的网络字体，例如：Google WebFonts

但是，我想要的字体不存在。我想知道是否有任何方法可以将我必须的这种字体转换为 webfont。（我的字体扩展名是TTF）

另外，我下载了一些网络字体，它们的扩展名也是TTF。网络字体有什么不同吗？

【问题讨论】：

【解决方案1】：

不同的浏览器以不同的方式处理网络字体。 TTF 适用于大多数浏览器，但不适用于 IE 或 iPhone。我建议您查看Font Squirrel，因为那里有很多字体，包括可以帮助您进行设置的@font-face 生成器。

【讨论】：

【解决方案2】：

Web 字体没有什么特别之处；它们可以是 TrueType 字体，只要浏览器支持该格式（大多数都支持）。要在 CSS 中使用 TrueType 字体，请使用

@font-face {
    font-family: {given name};
    src: url({path to font file}) format('truetype');
}

然后使用

font-family: {given name};

在您想使用该字体的任何规则中。

【讨论】：

【解决方案3】：

我之前使用Font Squirrel 从 ttf 生成网络字体文件。

【讨论】：

【解决方案4】：

我建议尝试 Cufon 作为不支持 css 的浏览器的后备 @font-face

【讨论】：

【解决方案5】：

您可以将 ttf 文件与@font-face 结合使用。请参阅http://www.html5rocks.com/en/tutorials/webfonts/quick/ 了解更多信息。

【讨论】：

【解决方案6】：

This 可能有用 -

确保您使用的字体的许可证允许。

【讨论】：