提供zblog模板 emlog模板 dedecms模板的下載和仿站定制
當前位置:網站首頁 > 教程 > 正文

zblog使用谷歌在線字體庫調用在線字體的方法

天興工作室 2015-07-14 教程 3338 1 評論


網站想要個性化,使用個性的字體當然就是最好的表述方法了。但是網頁里面顯示的字體調用的是訪客電腦里面已經安裝的字體,如果你調用的字體訪客電腦里面沒有安裝,那當然是顯示不出來的。所以這個時候我們就需要用到谷歌在線字體庫

補上一句:谷歌真是大大的良心。

再補充一句:由于一種你懂的原因,所以谷歌的服務現在在天朝是用不了的。so...

還好360來湊了一腿,推出了”360網站衛士常用前端公共庫CDN服務“,又可以快樂的使用谷歌在線字體庫了。

在正式開始之前必須要啰嗦以下:谷歌在線字體庫只支持英文,中文這種幾千個基本字的語言太龐大了,還是不要作死的好。zblog使用谷歌在線字體庫調用在線字體的方法如下:

在head里面加入引用:

 <link href='http://fonts.useso.com/css?family=Lobster' rel='stylesheet' type='text/css'>

代碼解釋:family=Lobster中的”Lobster“為字體名稱,可根據自身需求修改成你想要調用的字體名稱。有幾種拓展用法:

  1. 調用多個字體用|隔開,舉例:family=Lobster|laoui;

  2. 字體名稱中間的有空格的需要用+號代替空格:family=Lobster+UI;

  3. 只需要調用字體里面幾個字母的還可以這樣:family=Lobster'&text=abcd;

引用完成了就可以在具體位置調用的,譬如這樣:我們要把某個div里面的文字全部設置成新的自定義字體,div的class為”ziti“,那么css就是這樣寫:

.ziti{font-family: Lobster, cursive;}

請務必注意,在調用自定義字體的后面一定要加上一個安全字體以防萬一。什么是安全字體?就是幾乎所有的電腦都會有的字體就叫安全字體,例如宋體就是標準的安全字體。

最后的最后說上一句,想選擇一個符合自己個性的字體請前往谷歌在線字體庫官方網站:http://www.google.com/fonts/。呵呵呵呵,由于你懂的原因,要翻墻額!

這樣zblog調用谷歌在線字體庫的自定義字體就完成了,最后上一張圖展示成果。

zblog使用谷歌在線字體庫調用在線字體的方法 谷歌在線字體庫 教程 第1張

沒有找到解決你問題的教程?

您可以試著搜索一下或者直接在線提問。我們也提供收費技術支持,有需要可以在線聯系我們。

在線提問 在線客服

1 位網友評論:

  • 天興工作室網友

    天興工作室網友 4周前 (10-19) 回復

    天興感覺越來越不錯,這個確實,我在想能不能把阿里巴巴的普惠版弄進來。感覺想多了啊

取消回復歡迎 發表評論:

  • 請填寫驗證碼
  • 最新文章
  • 熱文排行
  • 最多評論
標簽聚合
×57zblog模板×33zblog×27zblogphp×20zblogphp模板×18天興工作室×16阿里云×12dedecms×11電子券×11ytcms×11zblog企業模板×10天興互聯×10zblog插件×9隨意打×9模板×9zblog安裝×9zblogphp1.5×9zblog錯誤×8天興通訊×8刷機×8企業模板

請登錄

社交賬號登錄

將本文分享給你的朋友們

千炮捕鱼电玩城外挂