Google Web Fonts 免費為你的博客提供安全而漂亮的字體服務。通過使用Google Web Fonts,你的博客不用上傳任何字體,就能顯示除了常用的“Arial”, “Verdana”等字體之外的其它字體。
眾所周知,網站可讀性取決于它的設計和外觀。網頁設計中扮演最重要角色的字體,使用的什么樣的字體對您的網站很重要。例如,Arial /Helvetica (sans-serif), Verdana and Georgia是我們常用的web設計的字體。這些字體提供一個很好的可讀性,但如果你想用新字體,你需要做的就是確保瀏覽者的網絡設備安裝了這些字體。 這樣很難確定。所以就得自己上傳字體到服務器,并通過CSS來加以控制。但現在,有一個更好的免費工具,那就是Google Web Fonts
在您使用Google Web Fonts服務之前,請首先了解以下兩點:
選擇太多的字體會減緩你的博客加載速度,所以你只需選擇必須使用的,以免造成訪問速度變慢的情況發生。
如果你只能選擇你所需要的語言,你會幫助防止您的網頁上的變得緩慢。
目前Google Web Fonts的界面及預覽語言不為英語(不妨礙中文使用)。
Google Web Fonts能直觀展示各種web字體,就像Serif、Sans-Serif、Display 和Handwriting,你還可以瀏覽某些屬性,如腳本顯示字體、寬度、傾斜和厚度。 所有這些屬性可以顯示在側窗格中。在你選擇你想要的字體時,你還可以直觀預覽諸如單詞、句子、段落等整體樣式。
下面是一個簡單的教程,幫助你更快更好使用Google Web Fonts:
1.點擊 Google Web Fonts 進入谷歌字體服務,選擇您想要的字體,然后點擊右下角 “Add to collection” 按鈕,在這里,我們選擇“Alike”字體來作為整個教程的例子字體。
2.點擊“Add to collection”后,會在頁面最下方出現這樣一個信息“1 font family in your collection” 還有三個按鈕,分別是“Choose“,“Review” 和“Use“. 在這里,我們選擇 “Use“.也就是使用。
3.它還要求對字體設置。 選擇可用的樣式, 例如“粗體、斜體”等。 但只針對某些特定字體。 接下來,選擇特定的語言字符。生成代碼。
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”列表的鏈接等。
以上就是關于wordpress主題添加google字體的方法。希望對大家有所幫助
新聞熱點
疑難解答