CSS WOFF 字体 - 不使用 @Face-Font 进行部署答案

【问题标题】：CSS WOFF Font - Deploy without @Face-FontCSS WOFF 字体 - 不使用 @Face-Font 进行部署
【发布时间】：2014-09-09 08:52:15
【问题描述】：

我正在阅读这篇文章并注意到它说如果您只向浏览器提供 WOFF 字体，则不需要使用 @Font-Face 语法：

http://css-tricks.com/snippets/css/using-font-face/

Or even just WOFF.

You then use it like this:
 body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

我想问这是否可能，因为我不确定这将如何路径到字体文件，例如：'myfont.woff'？

是否可以在没有@Font-Face 的情况下包含 WOFF 网络字体？

谢谢

【问题讨论】：

标签： css font-face

【解决方案1】：

作者并不是说不要使用@font-face，他是说你声明它是这样的：

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

然后像这样使用它：

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

当他说你可以使用 just WOFF 时，他的意思是你可能可以逃脱惩罚：

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff') format('woff');
}

【讨论】：

我现在明白了，一旦时间限制到了，我会打勾的——谢谢大家……有一次问题——你也会包括 ttf 吗？不认为我需要支持那些旧浏览器...想法？
老实说，我仍在使用 BulletProof 字体语法 - fontspring.com/blog/further-hardening-of-the-bulletproof-syntax - 但我也经常支持 IE8。我不确定 Android 支持什么格式，并且仍然有相当多的 2.3 安装在那里。取决于你支持什么。如果您可以只使用现代浏览器，那么只需使用 WOFF，但使用 fontsquirrel 生成完整的包并不难 IMO。