如何在 Blogger 套用 Google Fonts

沒想到「如何在 Blogger...」系列文章也寫到第三篇了，這次我們來說怎麼套用 Google Fonts 的字型，順便把 Blogger 整體的字型改成「思源黑體」。

步驟基本和前兩篇一樣，新增 HTML/JavaScript 小工具，並貼入程式碼，所以新增小工具的過程我就不詳細寫了(懶惰)，如果想知道的可以去看前兩篇文章「如何在 Blogger 文章加目錄索引？」或「如何在 Blogger 裡放程式碼？」。

以下是這次要貼的程式碼：

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap" rel="stylesheet">
<style type="text/css">
    * {
        font-family: Consolas,Noto Sans TC,sans-serif !important;
        letter-spacing: 0.03em;
    }
</style>

說明：

前 3 行是載入 Google Fonts。如果你想載入其他字型可以到 Google Fonts 尋找。
找到想要的字型。

選擇文字粗細。

點右上角的方塊，會出現剛才選擇的字型及粗細，特別說明字型和粗細是可以多選的，所以如果有多個想載入的字型可以一次處理。

在 Use on the web 我們選擇 <link>，底下顯示的程式碼就是我們要的。
4~9 行是 css 用來調整網站字型。