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 webfont？

三江源

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

CSS WOFF字体 - 没有@ Face-Font的部署

1 个答案: