關於 CSS Font-Family

微軟正黑體CSS. GitHub Gist: instantly share code, notes, and snippets.

font-family基本上可以指定多個字型，且這也是較為常見的做法，其撰寫方式像是這樣 指定了這麼多的字型，難道每個都會套用嗎?答案當然是不會啦!實際上瀏覽器會依順序字型名稱去找循並套用使用者電腦內擁有的該字型，若有則套用! 若無則找下一個，例如下方這段原始碼 上面這段原始碼的意思為，如果使用者的電腦內有思源黑體的話，就套用思源黑體，如果沒有，就找看看有沒有微軟正黑體，有的話就套用，沒有的話就繼續找下一個字體，這就是瀏覽器對font-family的處理方式。 而字體名稱後段有兩個字體名稱為「通用字型名稱

上述設定中，Arial 只有英文字體，而微軟正黑體則是中、英文字體都有，因此瀏覽器在判斷 Arial 之後，就會因為符合條件而套用英文字體，而中文會因為找不到對應字體則往下判斷微軟正黑體並套用，此時網頁上的中文與英文就會呈現不同字體的效果。

關於網頁字型的設定，我們可以從 google fonts 載入需要的字型，例如思源黑體Noto Sans TC、思源宋體Noto Serif TC。 在css或scss的全站設定檔或開頭裡面先 ...

新手不要誤會這句語法後面改什麼字體就有什麼字體喔，這句的微軟正黑體是通用字體，任何電腦或主機都會有，所以才能直接直接生效的。

CSS font-family 微軟正黑體 的使用方式，是把微軟正黑體的字型代號 Microsoft JhengHei 寫入 CSS 的 font-family 的字型清單中，也可以直接使用繁體中文 微軟正黑體 做為 font-family 的參數，現在大部分主流的瀏覽器也支援這樣中文參數值的寫法。

微軟正黑體的下載是由XP的時代開始崛起，隨著windows 7 、windows 8 字型庫裏面都有 微軟正黑體，這款微軟黑體不只支援中文也支援英文字和CSS，字體的格式皆是.TTF，是學校老師和學生都愛用的字體。