node.js - 谷歌网络字体在 Express 中不起作用

Question

我无法让 Google webfonts 在 express 3.0 中工作。

以标准方式加载字体似乎不起作用：

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

Answer 1

我在不包括 CSS 的 Express 3.0.0rc2 上遇到过类似的问题。我不确定这是 Jade 还是 Express 问题，但是当我添加一个工作时style.css，它可以正常工作，如下所示：

link(rel='stylesheet', href='/stylesheets/style.css')

然而，如果我删除该行并插入 Twitter Bootstrap css 文件，我会得到奇怪的 HTML 输出。

link(rel='stylesheet', href='/bootstrap/css/bootstrap.min.css')

只有当我有这样的东西时它才有效：

link(rel='stylesheet', href='/bootstrap/css/bootstrap.min.css')
link(rel='stylesheet', href='/bootstrap/css/bootstrap-responsive.min.css')
link(rel='stylesheet', href='/stylesheets/style.css')

为什么？我不知道。:-) 我认为这与解析和 HTML 输出有关。