快速利用Google Fonts為網頁增添「思源黑體」字型

CSS / By

20190422 更新:
這篇文貼出不久「思源黑體」在Google Font就已經從early access畢業了，現在已經變成正式使用的字型。使用方式也更簡單了：

  1. 一樣找到本站右欄WEB DEVELOPMENT分類裡面的「Google Fonts 繁體中文 思源黑體」連結，用力戳下去
  2. 已經選擇了「Noto Sans TC」字型，往紅色的(+)點下去，下方會出現已選了一個字型的字樣，點擊下方這個字樣，會出現使用方法

使用方法：
可以在HTML裡用link標籤把字型link進來

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap" rel="stylesheet">

也可以寫在CSS檔裡面用@import進來

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');

記得@import必須寫在CSS檔最上方

最後在CSS裡指定使用字型：

font-family: 'Noto Sans TC', sans-serif;

好了，結束