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

Question

如果我有自定义字体并将其命名为“verdana”，这会与浏览器内置的 verdana 字体冲突吗？当我这样做时:

font-family: 'verdana';

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

Answer 1

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

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