4

Express 3.0 で Google Web フォントを動作させるのに問題があります。

標準的な方法でフォントをロードしてもうまくいかないようです:

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

1 に答える 1

2

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 出力に関係があると思います。

于 2012-08-15T07:17:50.170 に答える