Blogger 插件 | Blogger字型設定


Blogger字型設定

三個步驟,完成字型設定

  1. Google Font 選擇字型
  2. 嵌入至Blogger中
  3. 設定字型到font-family 屬性中

第一步:Google Font 選擇字型

進入Google Font 網頁中,選擇喜愛的字型。


黑修斯在右側欄位,語言選擇 為 繁體中文
目前只有兩個字型可以選擇,近似於明體與仿宋體,黑修斯選擇明體


選擇 "+" 號後,可以藉由字體設定,再回到嵌入設定,Google Font會自動將嵌入設定更新。


更多使用方法請點 getting started guide


第二步:嵌入至Blogger中

如下圖複製程式碼。


貼入Blogger > 編輯 HTML > <style TYPE='text/css'>中,儲存並離開。



第三步:設定字型到font-family 屬性中

黑修斯選擇的字體為 'Noto Sans TC',
Blogger > 編輯 HTML 中 搜尋 font-family,並貼上選擇的 字型,如下圖中的範例。


另外,有些朋友是使用現成的樣板,那樣版格式中的字型設定如下:
藉由 主題 > 自訂  與  主題 > 編輯 HTML 的對比,發現程式碼是對應的,黑修斯特別用號碼球標示出,在 編輯 HTML 中 找到 value 並複製貼上  'Noto Sans TC' 即可。
:&#39: 代表 ' (單引號) ,黑修斯先前已經複製貼上過,Google會將 ' (單引號) 轉換為 &#39: 


轉貼本文時,需註明來自黑修斯隨手札記原創作者 hughes chen(黑修斯),及附上原文連結,同時 禁止修改,禁止商業使用 。

張貼留言

0 留言