Google網絡字體無法在Express中工作

我無法讓Google網絡字體在Express 3.0中工作。Google網絡字體無法在Express中工作

加載標準方式的字體似乎不工作：

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

來源

2012-08-14 jwerre

奇怪......它可能是另一個新的「特徵」表達式3.我已經做了幾次表達式2沒有問題。什麼是html輸出？你有什麼奇怪的東西嗎？ – 3on 2012-08-14 23:43:11

如果您將'rel ='樣式表'type ='text/css''屬性添加到'link'標籤，它會起作用嗎？只要Express輸出您期望的HTML（查看源代碼），那麼它不是Express/Jade問題。 – 2012-08-14 23:48:44

@ 3on是的我沒有任何問題，快遞2 – jwerre 2012-08-15 16:43:09

我有類似的問題Express 3.0.0rc2不包括CSS。我不知道這是否是一個玉或快遞的問題，但是當我添加一個工作style.css它工作得很好，像這樣：

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

但是，如果我刪除該行，並插入，說Twitter的引導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-15 07:17:50 EhevuTov

Google網絡字體無法在Express中工作

回答

相關問題