字体不适用于其他一些PC和iPhone?

时间:2011-12-10 03:31:25

标签: html css fonts

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

在我的电脑上它可以正常工作,但在其他电脑上它会被更改。

它也无法在iPhone上运行。

1 个答案:

答案 0 :(得分:5)

这是因为那些PC和iPhone没有安装字体。

如果您想确保您的字体在尽可能多的计算机上运行,​​您应该考虑使用@font-face

基本的CSS语法是

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

然后

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

Six Revisions有一个很好的概述: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网站上的数十种字体 - 不需要许可。