2010-07-15 8 views
2

je suis pense que je suis en utilisant un code similaire i utilisé b4 mais semble comme les polices ne se chargent pasDebugging Google Web Fonts

<html> 
    <head> 
     <script src="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold"></script> 
     <style> 
     h1, h2, h3 { font-family: "Yanone Kaffeesatz"; color: red } 
     </style> 
    </head> 
    <body> 
     <h1>This is some text</h1> 
    </body> 
</html> 
+0

'

2

Selon Google Webfont page la notation correcte est:

<link href=' http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold' rel='stylesheet' type='text/css'> 
+0

+1 Tu m'as battu dessus! – Fenton

1

Vous avez défini le fichier CSS comme un fichier script par erreur.

<script src="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold"></script> 

devrait être

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css"> 
0

vous pouvez aussi mettre dans votre fichier Css

@import url ("http://fonts.googleapis.com/css?family=Just+Me+Again+Down+ Ici"); Vous ne finirez pas encombrer votre code HTML avec toutes ces étiquettes de lien idiotes. google montre cela sous "avancé".

faites attention si vous utilisez LESSCSS car @ définit une variable. laissez-moi savoir s'il y a un moyen d'échapper à cela - je ne pouvais pas en trouver un!

2

J'ai découvert un autre problème qui peut empêcher le chargement des polices. Si vous définissez une police comme

family=Arapey:italic 

alors vous devez utiliser le css, comme si

font-family: 'Arapey'; 
font-style:italic; 

si vous laissez

font-style:italic; 

alors la police ne se charge pas dans Chrome (et éventuellement d'autres navigateurs?). Bien que cela fonctionnera dans Firefox sans elle.