views:

24

answers:

3

i am think i am using similar code i used b4 but seems like the fonts aren't loading

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

According to Google Webfont page the correct notation is:

<link href=' http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold' rel='stylesheet' type='text/css'>
qbi
+1 You beat me to it!
Sohnee
A: 

You have set the CSS file as a Script file by mistake.

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

Should be

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

You need to include the font using a <link> tag.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold"&gt;

Peter Kruithof
oh, i thought i copy and pasted ... thanks
jiewmeng