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的font-face生成器中阅读了注释，您会发现这是paul irish的陷阱。

这是他博客文章的摘录：

和..关于@font-face语法

我现在建议在原始防弹语法上使用防弹笑脸版本。

@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 + Font Management软件可以弄乱本地引用，例如将字形转换为A块。

• 在OS X上，当尝试访问在Library / Fonts之外可以访问的local（）字体时，字体管理软件可能会更改系统设置以显示对话框。有关我的防弹帖子的更多详细信息。字体浏览器X还可以使Firefox中的其他内容混乱。

• 尽管不太可能，但您可以引用与您认为的字体完全不同的local（）字体。（使用不同字体，相同名称的Typophile帖子）至少有风险，并且您将对类型的控制权移交给了浏览器和主机。这种风险可能不值得避免字体下载。

这些都是非常好的案例问题，但是值得考虑。

local（☺︎）是一个CSS hack，可将IE6-8转移为下载无法使用的字体（它只能使用EOT格式的字体）。

解释：最后一个src属性在CSS级联中优先，这意味着CSS将从下到上进行解析。local（☺︎）将使IE跳过底部的src，而不会浪费带宽下载它无法使用的字体，而是直接.eot使用它将要使用的格式（在问题的上一行中定义）的字体。笑脸只是为了确保不会有带有该名称的本地字体（字符组合）。

在此处阅读更多信息：http : //nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

@ font-face最后的src属性在CSS级联中优先，这意味着CSS将从下至上进行解析。