CSS 中的字体嵌入

Question

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

但是，字体我想要的没有我想知道是否有任何方法可以将我拥有的这种字体转换为网络字体。 （我的字体扩展名是TTF）

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

Answer 1

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

Answer 2

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

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

使用“然后使用”。

font-family: {given name};

在要使用该字体的任何规则中

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

这可能有用 -

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