CSS中的字体嵌入

Question

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

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

另外，我下载了一些网页字体，其扩展名也是TTF。 webfonts有什么不同吗？

Answer 1

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

Answer 2

Web字体没什么特别的;它们可以是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生成网络字体文件。

Answer 4

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

Answer 5

您可以将ttf文件与@ font-face结合使用。有关详细信息，请参阅http://www.html5rocks.com/en/tutorials/webfonts/quick/。

Answer 6

This可能有用 -

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