CSS：防弹@font-face：微笑变化

Question

可能是重复的问题：
CSS @font-face - what does “src: local('☺')” mean?

你好，

我看到了这篇文章——Bulletproof @font-face syntax。

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

以下是 bulletproof 的语法：

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
         url('GraublauWeb.otf') format('opentype');
}

但是我不理解他在local()中所说的笑脸是什么意思。这是一种跨浏览器、PC和苹果设备都支持的标准吗？我能放其他东西吗？

以下是他的解释，

引用： 2010.02.04添加：关于指定本地字体名称存在疑虑。主要原因是您将控制权交给用户的机器，可能显示一个本地安装的字体，而不是您想要提供的字体。虽然这样会加载得更快，但有很小的机会文件会出错。 为了考虑到这个问题，我指定了一个名为“☺”的本地字体名称。是的，它是一个笑脸。OpenType规范表明，在Mac上任何两个字节的Unicode字符都不能在字体名称中使用，因此这降低了某人实际发布带有这样一个名称字体的可能性。如果您认为本地安装版本的这种字体不符合您的最佳利益，则建议使用此技术。

谢谢。

- Run

Answer 1

笑脸符号用于作为一种不可能存在的字体名称（或者至少极其不可能），这样本地具有与所需字体相同名称的字体将不会被使用。

- Ray

---

但是你真的需要一个local()语句吗？它是多余的吗？浏览器不应该在没有它的情况下使用你的第一个url()吗？ - Simon East