2010-07-15 3 views
2

я думаю, что я использую подобный код я использовал b4, но кажется, что шрифты не загружаютсяотладки 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

Согласно Google Webfont page правильное обозначение:

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

+1 Ты избил меня! – Fenton

1

Вы по ошибке установили файл CSS как файл сценария.

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

Должно быть

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

вы также можете поместить это в файл .css

@import URL ("http://fonts.googleapis.com/css?family=Just+Me+Again+Down+ Вот");

вы не будете загромождать свой HTML со всеми этими глупыми тегами ссылок. Google показывает это под «advanced».

не обращайте внимания, если вы используете LESSCSS, потому что @ определяет переменную. дайте мне знать, есть ли способ избежать этого - я не мог найти его!

2

Я обнаружил еще одну проблему, которая может привести к тому, что шрифты не загрузятся. Если определить шрифт, как

family=Arapey:italic 

, то вам нужно использовать CSS, например, так

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

если оставить

font-style:italic; 

то шрифт не будет загружаться в Chrome (и, возможно, другие браузеры?). Хотя он будет работать в Firefox без него.

Смежные вопросы