 |
| (上)微軟正黑體；(下)新細明體 |
個人的經驗大概認為大眾的喜好應該是 微軟正黑體 → (新)細明體 → 標楷體
看到不少網站，都有在網頁中加上「微軟正黑體」，但... 無效！為什麼？
如果是使用 bootstrap，預設的字型是這樣子
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
所以加上微軟正黑體會改成這樣子
body {
font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei", sans-serif;
}
紫色是英文字型，通常會放在中文字型的前面，Microsoft Jhenghei 是微軟正黑體的英文，可能大家認為在css中使用英文會比較沒有編碼的問題。可是這種方式只有在 IE 中是有效的，現在windows的使用者卻都是以Chrome和Firefox的人數最多。
所以囉！請用中文，才是通用的。
body {
font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
}
我個人比較愛用的是這種設定，主要是中日韓的多語支援，再來就是微軟新字體的粗體不好看，所以 h1 ~ h6 要設會原本的：
body,input,button,select,textarea{
font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
}
h1,h2,h3,h4,h5,h6{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
我個人比較愛用的是這種設定，主要是中日韓的多語支援，再來就是微軟新字體的粗體不好看，所以 h1 ~ h6 要設會原本的：
body,input,button,select,textarea{
font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
}
h1,h2,h3,h4,h5,h6{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
