html - 字体在其他一些 PC 和 iPhone 上不起作用？

Question

我的网站字体是font-family: Century Gothic;。

在我的电脑上它工作正常，但在其他电脑上它被改变了。

它也不适用于 iPhone。

Answer 1

发生这种情况是因为那些 PC 和 iPhone 没有安装字体。

如果你想确保你的字体在尽可能多的计算机上工作，你应该考虑使用@font-face。

基本的 CSS 语法是

@font-face{
    font-family: CenturyGothic;
    src: url('CenturyGothic.otf');
}

然后

font-family: CenturyGothic, serif;  /* Whatever others you want to add */

六次修订有一个很好的概述:http://sixrevisions.com/css/font-face-guide/

FontSquirrel 将为您生成代码:http://www.fontsquirrel.com/fontface/generator

应该注意，除非字体是非商业字体，否则您需要许可证才能将其与@font-face 一起使用。也就是说，您将需要购买字体，甚至可能购买分发它的权利。

(感谢 @bookcasey 强调需要添加此信息)

有关许可信息的一个很好的资源是 http://blog.themeforest.net/general/font-licensing-for-the-web/

话虽如此，有数以千计的免费字体 - 包括 FontSquirrel 网站上的数十种 - 无需许可。