CSS @font-face - “src: local('☺')”是什么意思？

我在用着@font-face第一次从fontsquirrel下载了字体包

他们建议插入我的 CSS 的代码是：

@font-face {
    font-family: 'junctionregularRegular';
    src: url('Junction-webfont.eot');
    src: local('☺'), 
        url('Junction-webfont.woff') format('woff'), 
        url('Junction-webfont.ttf') format('truetype'), 
        url('Junction-webfont.svg#webfontoNEpZXy2') format('svg');
}

现在，笑脸的事让我难住了。但是 src 中的 url 数量也是如此 - 为什么他们推荐这么多文件，并且在渲染页面时它们都会被发送到浏览器？删除除 .ttf 之外的所有文件有什么坏处吗？

如果您阅读 font-squirrel 的字体生成器中的注释，您会发现这是 paul irish 的陷阱。

这是他的摘录博客文章:

以及..关于@font-face syntax

我现在推荐使用原来的防弹语法的防弹笑脸变体。

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

来自防弹帖子：

是的，这是一张笑脸。 OpenType 规范表明任何两字节 unicode 字符在 Mac 上的字体名称中根本不起作用，因此这降低了有人实际发布具有此类名称的字体的可能性。

笑脸是更好的解决方案有以下几个原因：

• Webkit+字体管理软件可以 搞乱本地引用，比如 将字形转换为 A 块。

• 在 OS X 上，字体管理软件可能 更改系统设置以显示 尝试访问时的对话框 可访问的 local() 字体 在库/字体之外。更多详情 在我的防弹岗上。 字体资源管理器 X 是 也知道会弄乱其他东西 火狐。

• 虽然不太可能，但你可以 引用 local() 字体，它是 与你完全不同 我认为是的。 （打字爱好者的帖子 不同的字体，相同的名称）在 至少这是一个风险，而你 将类型的控制权交给双方 浏览器和主机。这 风险可能不值得 避免字体下载。

这些都是非常边缘的问题，但值得考虑。