在CSS中嵌入字体

Question

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

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

另外，我下载了几个webfonts，它们的扩展名也是TTF。 webfonts有什么不同？

Answer 1

不同的浏览器以不同的方式处理web字体。 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-face使用ttf文件。有关更多信息，请参见http://www.html5rocks.com/en/tutorials/webfonts/quick/。

Answer 4

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

Answer 5

我会建议您尝试Cufon作为后备对于不支持CSS @font-face

Answer 6

This可能是使用的浏览器 -

请确保您使用的字体许可允许就行。