做網頁的人，常常會遇到的一個問題：字體設定
現在的電腦系統五花八門，windows、mac、還有手機版
除了設定微軟正黑體、儷黑體…這些一般電腦都有安裝的字體外，如果想要使用圓體、宋體呢？
申請每月付費的webfont是蠻不錯的，但Google硬是要搶人生意，用了一個Google Font，裡面支援六百多種不同的字體，雖然繁體中文只有個位數，但對我們做網頁的人真的是超級佛心來的！
使用方法：
範例 > 思源宋體（搜尋Noto Serif TC）
1. 進入思源宋體的介紹頁面，將該字體加入
2. 這時畫面的右下角會出現一個小視窗清單
3. 將該視窗清單打開，將語法貼到對應的位置就可以了
Standard的語法請貼在<head>......</head> 裡，這樣才能讓桌機和手機都能套用到
若是使用@IMPORT的語法，雖然只要貼在<style type="text/css">.....</style> 裡，但會造成只有桌機能正常顯示，手機仍是會以手機的預設字體顯示
若想要有特別的粗體、斜體，都可以在CUSTOMIZE裡做勾選，勾選完後，一樣回到EMBED裡將語法複製下來貼上就可以囉！
現在的電腦系統五花八門，windows、mac、還有手機版
除了設定微軟正黑體、儷黑體…這些一般電腦都有安裝的字體外，如果想要使用圓體、宋體呢？
申請每月付費的webfont是蠻不錯的，但Google硬是要搶人生意，用了一個Google Font，裡面支援六百多種不同的字體，雖然繁體中文只有個位數，但對我們做網頁的人真的是超級佛心來的！
Google Font 網站
https://fonts.google.com/
使用方法：
範例 > 思源宋體（搜尋Noto Serif TC）
1. 進入思源宋體的介紹頁面，將該字體加入
2. 這時畫面的右下角會出現一個小視窗清單
3. 將該視窗清單打開，將語法貼到對應的位置就可以了
Standard的語法請貼在<head>......</head> 裡，這樣才能讓桌機和手機都能套用到
若是使用@IMPORT的語法，雖然只要貼在<style type="text/css">.....</style> 裡，但會造成只有桌機能正常顯示，手機仍是會以手機的預設字體顯示
若想要有特別的粗體、斜體，都可以在CUSTOMIZE裡做勾選，勾選完後，一樣回到EMBED裡將語法複製下來貼上就可以囉！