我在使用express 3.0时遇到了无法加载Google webfonts字体的问题。
按照标准方式加载字体似乎不起作用:
link(href='http://fonts.googleapis.com/css?family=Crete+Round')
然而,以这些方式加载字体是有效的:
script(type="text/javascript")
WebFontConfig = {google: { families: [ 'Crete+Round::latin' ] }};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
或者
style
@import url(http://fonts.googleapis.com/css?family=Crete+Round);
link
标签中添加rel='stylesheet' type='text/css'
属性,它是否有效?只要 Express 输出的 HTML 与您期望的一样(检查源代码),那么这就不是 Express/Jade 的问题。 - Michelle Tilley