我可以使用与内置字体同名的自定义@ font-face字体吗?

时间:2013-01-24 20:21:22

标签: css font-face

如果我有自定义字体并将其称为'verdana',那么这会与浏览器的内置verdana字体冲突吗?当我这样做时:

font-family: 'verdana';

浏览器会使用我的自定义字体还是内置字体?

2 个答案:

答案 0 :(得分:1)

是的,您可以使用可能与已安装字体的名称一致的自定义字体名称。但是,如果有人偷看你的代码,可能会让人感到困惑,并且可能看起来很可疑(使用非法字体)使用像Verdana这样的名字。

CSS3字体草稿says:“如果字体系列名称[在@font-face]中与给定用户环境中可用的字体系列相同,则它有效地隐藏了文档的基础字体使用样式表。这允许网络作者自由选择字体系列名称,而不必担心与给定用户环境中存在的字体系列名称冲突。“

答案 1 :(得分:0)

您可能会发现本文的部分内容很有趣:http://www.practicalecommerce.com/articles/3080-How-Browsers-Manage-Fonts

简短的回答是浏览器应该使用您安装的任何Verdana版本。这里的例外是如果您使用“src:url()”,那么它应该从该URL加载字体文件。如果是这种情况,那就是一个很好的资源:http://www.html5rocks.com/en/tutorials/webfonts/quick/

如果您想要使用自己的字体并且担心某些浏览器可能只是决定使用本地Verdana,您可以重命名服务器上的ttf或eot,并使用Verdana-Mine作为字体系列和src为url('verdana-mine.ttf')。