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 回答
2

我发现了另一个可能导致字体无法加载的问题。如果您将字体定义为 

family=Arapey:italic

那么你需要使用css，就像这样

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

如果你遗漏

font-style:italic;

那么字体将不会在 Chrome 中加载（可能还有其他浏览器？）。虽然没有它它可以在 Firefox 中运行。

于 2012-06-06T21:51:04.533 回答
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 回答