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 ，搜尋 「Font」

七、加入思源黑體【Noto Sans TC】，前後用半型逗號【,】區隔，並且用單引號【'】將思源黑體框起來，位置如下：

 
value="normal normal 13px 'Trebuchet MS','Noto Sans TC',Trebuchet,sans-serif"

單引號在存檔後，會變成【'】

八、參考網址：

1. [Blogger] Blogger 變更字型，更換中文字型如：微軟正黑體、標楷體
2. BLOGGER字型設定 | 網頁設計：BLOGGER教學3

備註:

2020/06/06
新版Blogger後來的主題，只有自訂，沒有編輯HTML的按鈕