CSS @ font-face-“ src：local（''）”是什么意思？

小编典典

CSS @ font-face-“ src：local（''）”是什么意思？

css

我是@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以外的所有内容是否有害？

阅读 1633

2020-05-16

共1个答案

小编典典

如果您在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规范指出，在Mac上，任何两字节的unicode字符都根本无法使用字体名称，因此可以降低有人实际发布具有该名称的字体的可能性。

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

Webkit + Font Management软件可以弄乱本地引用，例如将字形转换为A块。
在OS X上，当尝试访问在Library/Fonts之外可以访问的local（）字体时，字体管理软件可能会更改系统设置以显示对话框。有关我的防弹帖子的更多详细信息。字体浏览器X还可以使Firefox中的其他内容混乱。

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

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

2020-05-16