我的网站字体为font-family: Century Gothic;
。
在我的电脑上它可以正常工作,但在其他电脑上它会被更改。
它也无法在iPhone上运行。
答案 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网站上的数十种字体 - 不需要许可。