| 網站首頁 | Ps下載中心 | 字體下載 | 筆刷下載 | PSD素材 | 矢量素材 | 圖片素材 | Ps教程 | 設計學院 | Photoshop作品 | 書法藝術 | 
添加google字體到你的wordpress主題
(載入中...)

Google Web Fonts 免費為你的博客提供安全而漂亮的字體服務。通過使用Google Web Fonts,你的博客不用上傳任何字體,就能顯示除了常用的“Arial”, “Verdana”等字體之外的其它字體。

眾所周知,網站可讀性取決于它的設計和外觀。網頁設計中扮演最重要角色的字體,使用的什么樣的字體對您的網站很重要。例如,Arial /Helvetica (sans-serif), Verdana and Georgia是我們常用的web設計的字體。這些字體提供一個很好的可讀性,但如果你想用新字體,你需要做的就是確保瀏覽者的網絡設備安裝了這些字體。這樣很難確定。所以就得自己上傳字體到服務器,并通過CSS來加以控制。但現在,有一個更好的免費工具,那就是Google Web Fonts

在您使用Google Web Fonts服務之前,請首先了解以下兩點:

1.選擇太多的字體會減緩你的博客加載速度,所以你只需選擇必須使用的。以免造成訪問速度變慢的情況發生。

2.如果你只能選擇你所需要的語言,你會幫助防止您的網頁上的變得緩慢。

3.目前Google Web Fonts的界面及預覽語言不為英語(不妨礙中文使用)。

Google Web Fonts能直觀展示各種web字體,就像Serif,Sans-Serif,Display 和 Handwriting,你還可以瀏覽某些屬性,如腳本顯示字體、寬度、傾斜和厚度。所有這些屬性可以顯示在側窗格中。在你選擇你想要的字體時,你還可以直觀預覽諸如單詞、句子、段落等整體樣式。

下面是一個簡單的教程,幫助你更快更好使用Google Web Fonts:

1.點擊 Google Web Fonts 進入谷歌字體服務,選擇您想要的字體,然后點擊右下角“Add to collection” 按鈕,在這里,我們選擇“Alike”字體來作為整個教程的例子字體。

1323155461124.jpg

2.點擊“Add to collection”后,會在頁面最下方出現這樣一個信息“1 font family in your collection” 還有三個按鈕,分別是“Choose“,“Review” 和“Use“。 在這里,我們選擇 “Use“。也就是使用。

1323155461851.jpg

3.它還要求對字體設置。選擇可用的樣式,例如“粗體、斜體”等。但只針對某些特定字體。接下來,選擇特定的語言字符。生成代碼。

1323155461207.jpg

4.接下來是代碼部門,谷歌字體提供三種應用代碼,分別是標準模式“Standard (external stylesheet)”, 導出模式“@import method”和JS模式“JavaScript”。根據需要,現在你需要的模式,不過在這里,我們建議選擇標準模式。 復制第3步的代碼,把它們拷貝到你主題的header.php的</head>之前。

5.現在,把字體的名字添加到你主題的css文件里面。例如:你想在段落<p>中使用google web Fonts作為默認顯示字體。css代碼直接這樣寫就行:

p {

font-family:'Alike', Arial;

}

此代碼將在您的博客段落顯示google字體“Alike”,如果要加載的字體遇到一些暫時性問題,那么它將顯示為“arial”字體。 同樣,您可以將字體樣式添加到其他元素,比如“body”整體布局、“li”列表的鏈接等。 如果你是不太熟悉css,請參見 CSS basics at HTML Dog.

原文地址:How to use Google Fonts in your website / blog?

翻譯作者:http://www.iesay.com/

本類熱門教程:

Font Creator Program使用

用Font Creator修改字體文

Windows系統中OpenType(ot

打造你自己的字體

方正GBK編碼字庫清單
最新更新教程:
Powered by:www.jllllh.com.cn〖粵ICP備09027937號〗〖粵公網安備44078402440812號〗All Rights Reserved.
赛车北京pk10历史记录
白眼抽搐系列av 湖北快三 股票行情002080 模拟炒股软件手机版 同花顺配资 澳洲幸运8 海南飞鱼 山西泳坛夺金 山东时时彩 15岁的日本av片快播 股票配资门户名yu.简配资 网络理财平台排名 让分胜负 海南环岛赛 幸运飞艇 新浪体育楠哥 作者:佚名    教程來源:不詳    點擊數:    更新時間:2012-6-22