Les polices Web de Google ne fonctionnent pas dans Express

Question

Je n'arrive pas à faire fonctionner les polices Web Google dans Express 3.0.

Chargement de la police de la manière standard ne semble pas fonctionner:

link(href='http://fonts.googleapis.com/css?family=Crete+Round') 

chargement mais la police dans l'une de ces façons fonctionne très bien:

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

ou

style 
     @import url(http://fonts.googleapis.com/css?family=Crete+Round); 

Answer 1

J'ai eu des problèmes similaires avec Express 3.0.0rc2 sans CSS. Je ne suis pas sûr que ce soit un Jade ou un problème Express, mais quand j'ajoute un travail style.css il fonctionne très bien comme ceci:

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

Cependant, si je retire cette ligne et insérer, par exemple Twitter Bootstrap css fichiers, je reçois une sortie HTML bizarre.

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

Il ne fonctionne que si j'ai quelque chose comme ceci:

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

Pourquoi? Je ne sais pas. :-) Je suppose que c'est quelque chose à voir avec l'analyse et la sortie HTML.