代码之家 › 专栏 › 技术社区 › stephenmurdoch

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

font-face css

125

stephenmurdoch · 技术社区 · 16 年前

@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');
}

3 回复 | 直到 16 年前

BoltClock 14 年前

如果您阅读了FontSquirrel的字体面生成器中的注释,您将看到这是PaulIrish的一个gotcha。

这是他演讲的节选 blog post

还有。。关于 @font-face

我现在推荐使用防弹笑脸,而不是原来的防弹语法。
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('âº'),
       url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}
smiley是一个更好的解决方案有几个原因:

Webkit+字体管理软件可以搞砸当地的参考资料,比如将字形转换为块。

在OSX上,字体管理软件可能试图访问可访问的local()字体在我的防弹柱上。字体资源管理器X是也知道会把其他事情搞砸火狐。

虽然不太可能,但你可以引用local()字体和你想的完全不同不同的字体,相同的名称) 至少这是一个风险,而且你将类型的控制权让给两者浏览器和主机。这个冒险可能不值得冒险避免字体下载。