html - 在网页上使用特定的非标准字体？

Question

我需要使用 ITC Avant garde Condensed Book 和 medium 字体，但我认为这是非标准字体，那么我将如何确保在客户端浏览器的网站上使用该字体？

Answer 1

利用

@font-face
{
font-family: myFirstFont;
src: url('ITC_Avant_garde_Condensed_Book.ttf'),
     url('ITC_Avant_garde_Condensed_Book.eot'); /* IE9 */
}

在这里阅读更多：

记住

@font-faceInternet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持该规则。

但是，Internet Explorer 9 仅支持 .eot 类型的字体，而 Firefox、Chrome、Safari 和 Opera 支持 .ttf 和 .otf 类型的字体。

Internet Explorer 8 及更早版本，不支持@font-face 规则。

Answer 2

您可以将字体放在服务器上，然后在 CSS 中使用它，例如：

@font-face
{
 font-family:myFamily;
 src:url('your_source_here/fontName.ttf'),
     url('your_source_here/fontName.eot');
 }

由于 IE8 不支持@font-face你应该有一个后备字体。

要获取不同格式的字体，您可以使用webfont 生成器