Bootstrap 的原始設定,字體是14px,其實並不適合中文,而且windows 系列已經支援好看的微軟正黑體,可惜不是預設。 ▼
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
background-color: #ffffff;
}
所以我後來自己修修改改,通常會加上這兩段。
這世界上雙字元的字大概就是CJK:繁簡中文、日文、韓文。微軟都會提供好看的字型給這幾個語系,把這些字型設為預設值。
body,input,button,select,textarea{
font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
font-size:108%;
}
我只知道微軟正黑體的粗體字都會有點怪怪的,所以把h1-h6把設定改回來。
h1,h2,h3,h4,h5,h6{ font-weight:normal; }
或
h1,h2,h3,h4,h5,h6{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
我通常都會判斷是 CJK 才會 show 出這兩段 css