【安裝篇】如何把 Blogger 字型改成思源黑體

思源黑體（Noto Sans TC） 是一款由 Adobe 與 Google 歷時三年，共同開發出的開源字形，因為字體優美，被許多中文部落格設為首選，而這篇文章就是教大家，如何在自己的 Blogger 平台上，安裝這個字型。我會把文章拆分成兩篇，一是安裝，二是套用。而這篇就是安裝篇，先教大家如何在自己的 Blogger 安裝，然後我們就可以在下一篇學習如何套用。事不宜遲，讓我們馬上開始吧!

STEP 1. 進入思源黑體官網

官網連結

STEP 2. 選擇喜歡的字形粗度

如果不知道選什麼的話，可以選最常用的 400 及 700

STEP 3. 複製設定程式碼

點擊右方欄位的 Embed ， 複製 link 下方的程式碼

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap" rel="stylesheet">

STEP 4. 修改 Blogger 的 HTML 檔案

先到自己的 Blogger 後台，然後點擊「主題」 → 「自訂」旁的下拉選單，找到「編輯HTML」

STEP 5. 加入思源黑體字形的程式碼至HTML檔

進入編輯後，按下鍵盤的 CTRL + R ，左上角會跳出搜尋框，輸入 </head> 並搜尋，找到 </head> 後，在上方欄位貼上剛剛複製的程式碼

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap" rel="stylesheet">

STEP 6. 微調程式碼

接下來，因為 Blogger 編輯器的問題，我們要將剛剛加入的程式做點修改，否則會跳出以下錯誤

org.xml.sax.SAXParseException; lineNumber: 2955; columnNumber: 91; The reference to entity "display" must end with the ';' delimiter.

我們要做的事，就是把剛剛貼上的程式碼內 & 符號替換成 &amp，然後在下一行，加入一個<\link> 的結尾標籤，改完後就會類似下面的程式碼，當然，假如你什麼都不懂，也不想管，你也可以直接複製下方這段直接貼上

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&amp;display=swap" rel="stylesheet" ></link>

STEP 7. 儲存

當我們按下儲存鍵後，你的部落格就安裝完思源黑體啦，可以支援思源黑體的套用囉。接下來，我會在下一篇教大家如何套用，就可以讓你的部落格改頭換面啦!