1. 首頁
  2. »
  3. 網站架設
  4. »
  5. WordPress
  6. »
  7. [外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型

[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型

2019/06/10

梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
  很早之前Google雖然也有推出雲端字型,且不用綁網域,也無流量限制,但有用過的朋友都知道,Google的雲端字型是透過Google頻寬,直接將字型下載到使用者的電腦、手機中,即便頻寬再大,單一個繁中字型,少說都四、五MB,還真是讓使用者有點吃不消,這也讓使用的朋友並不多,因此Google則調整了雲端字型的顯示方式,讓使用者在載入網站時,可以更快速,但大多都只支援英文,直到最近終於支援繁中。

  雖然要套用Google雲端字型並不困難,但得修改WordPress佈景主題與CSS設定,這對於許多不熟網頁的朋友感到棘手,因此最近梅干發現一隻超方便的WordPress外掛,不但一鍵啟用,甚至還可自行佈景主題中的文字字型,像是全文或是h1、h2、h3….等,且設定完畢還可即時預覽,因此使用WordPress的朋友,想套用Google雲端字型的朋友,這款外掛千萬別錯過了。


Google Fonts for WordPress
外掛名稱:Google Fonts for WordPress
外掛下載:https://wordpress.org/plugins/olympus-google-fonts/#installation

Step1
首先進到WordPrss後台,再切換到外掛面板,並搜尋「Google Fonts for WordPress」關鍵字,再對著外掛點選「立即安裝」與「啟用」。
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
Step2
當啟用完畢後,再點「外觀自訂器」連結。
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
Step3
接著點選「基本設定」選項。
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
Step4
這時可從下拉選單中,選擇所需的字型樣式。
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
Step5
當選擇完畢後,右邊則會隨即套用雲端字型的效果,確認沒問題後,記得按上方的「發佈」鈕才會生效。
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
Step6
甚至也可再進入「進階設定」選項。
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型
Step7
在進階選項中,就可針對雲端字型再作更細的設定,像是h1用什麼字型,h2用什麼…,一樣設定完畢後,再按發佈,因此透過此外掛,則完全不用手動修改到佈景主題與CSS樣式,立即就可套用Google雲端字型,真的是簡單又方便,而該外掛有付費版本,則會針對雲端字型作優化,因此比較在意網站速度跑分的朋友,就得使用付費版本才能解決,不然免費版就很好用囉!
梅問題-[外掛] Google Fonts for WordPress 免改佈景,一鍵套用Google雲端字型