David's Blog

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

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&amp;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;

好了,結束

留言已關閉