谷歌网络字体

Question

我计划在我的网站上使用Google web字体。
我的网站有很多页面，但只有几个CSS文件。
-=> 有没有办法将这个标签添加到CSS文件中（因为我不想编辑所有HTML文件）？

<link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

我需要在每个HTML页面的头部添加上述代码吗？

- Sourav

Answer 1

嗯，@import 谷歌字体 - jsfiddle示例。

将此放在您的CSS文件顶部。

@import url('http://fonts.googleapis.com/css?family=Droid+Sans');

然后，像平常一样引用它。

h1 { font-family: 'Droid Sans', arial, serif; font-size:24pt;}

- Dan F

---

值得注意的是，@import 会影响性能，应该避免使用。请参见 https://developers.google.com/speed/docs/best-practices/rtt#AvoidCssImport 和 http://developer.yahoo.com/performance/rules.html#csslink 以获取更多信息。 - Bell

Answer 2

如何添加标签？请更好地解释一下。

在HTML中，您可以这样做...

<style type="text/css" media="screen">
  h1 { font-family: 'Droid Sans', arial, serif; }
</style>

如果这是你在问的？

- Zach Inglis