close

以下是將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的按鈕
arrow
arrow
    全站熱搜

    shanefish 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄