Google Web字體

我打算在我的網站上使用Google網絡字體。
我的網站有很多頁面，但很少有CSS文件。
- =>有什麼辦法可以在CSS文件中添加這個標籤[因爲我不想編輯所有的HTML文件]？Google Web字體

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

或者我需要在每個HTML頁面的頭部添加上面的行？

來源

2011-07-17 Sourav

沒錯，@import谷歌的字體在 - jsfiddle example

在你的CSS文件的頂部將這個

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

然後，引用它像正常

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

來源

2011-07-17 03:50:14

非常感謝！它的工作原理 – Sourav

值得注意的是@import會影響性能，應該避免，請參閱https://developers.google.com/speed/docs/best-practices/rtt#AvoidCssImport和http://developer.yahoo.com/ performance/rules.html＃csslink獲取更多信息。 – Bell

添加標籤，怎麼樣？請更好地解釋你自己。

在你能做到這一點的HTML ...

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

如果這是你在問什麼？

來源

2011-07-17 03:40:01

我更新題！ – Sourav

回答

相關問題