2013年3月18日 星期一

使用 bootstrap css 再外加的字型設定

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