2

私はb4を使用した同様のコードを使用していると思いますが、フォントがロードされていないようです

<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>
4

5 に答える 5

4

タグを使用してフォントを含める必要があります<link>。

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

于 2010-07-15T06:52:05.637 に答える
2

Google Webfontページによると、正しい表記は次のとおりです。

<link href=' http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold' rel='stylesheet' type='text/css'>
于 2010-07-15T06:48:27.763 に答える
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">
于 2010-07-15T06:51:56.713 に答える
0

これを.cssファイルに入れることもできます

@import url（ "http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here"）;

これらすべてのばかげたリンクタグでHTMLが乱雑になることはありません。グーグルはこれを「詳細」の下に表示します。

@は変数を定義するため、LESSCSSを使用している場合は注意してください。それを回避する方法があるかどうか教えてください-私はそれを見つけることができませんでした！

于 2011-01-06T23:39:44.350 に答える