Blogger字型更換為思源黑體

思源黑體的英文名為是 Google 與 Adobe 合作推出的免費、開放原始碼字型,不管個人還是法人都能免費使用。

因為前陣子Blogger的後台有變化,所以花了一點時間才成功將思源黑體套入在網誌中,所以以下是我成功將Blogger的自行變更原思源黑體的方法。

一、到後台→主題→點選自訂

二、點選進階→新增自訂 CSS

三、將下列程式碼貼進去後,按下右上方的「套用至網誌」。

/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}

四、點選右上方的 「 返回 Blogger」 ,再點選我的主題下拉選單的「編輯HTML」

五、按下 Ctrl+F ,搜尋 「sans-serif」

六、在「sans-serif」前加入思源黑體【Noto Sans TC】,前後用半型逗號【,】區隔,不加單引號

七、參考資料:
Blogger字形更換為思源黑體 @ 別說 __ 痞客邦 __
Guidelines for Using Noto – Google Noto Fonts
Google Noto Fonts #sans-hant

沒有留言:

張貼留言