CSS WOFF 字体 - 在没有 @Face-Font 的情况下部署

Question

我正在阅读这篇文章并注意到它说如果您只向浏览器提供 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 网络字体？

谢谢

Answer 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;
}

当他说您可以只是 WOFF 时，他的意思是您可能可以摆脱这个:

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