環境： ie6 （window sp3） ie7,8,9 firefox3.6， chrome10，opera 10.62 （window7）
本文先列舉出幾種常見的字型的顯示問題以及優點，然後再列舉幾個web字型的最佳實踐，一一作一分析。
1） tahoma&& arial字型比較
（1）字型下劃線問題：tahoma在ie6下的li元素裡面顯示很好，其他的所有瀏覽器中，下劃線都會粘連中文文字，英文問題沒有粘連；但是arial字型除了ie6，firefox3.6 ，其他瀏覽器都是下劃線貼上著文字。
（2）13px中文問題：ie6 和firefox3.6 顯示很難看，用的是14號字型，其他瀏覽器都用12px字型顯示的（arial字型比tahoma字型好看點）；
（3） 中英文混排問題：同一行**現了中文和英文，如果設定了vertical-align屬性，會出現高低不齊的現象。ie7出現了錯位。zoom:1可以解決一部分問題。
（4）設定tahoma字型後可以使表單元素和label對齊（比如radio,check ,text,select和相應的文字對齊，同時設定兩者 vertical-align:middle ）
2）宋體的問題（又名simsun），unicode 編碼 \5b8b\4f53
（1） opera 下，只認 "宋體"， 不認 simsun
eg：3）helvetica的問題
（1）找不到字型的時候，使用預設字型。
4）關於行高
5）中文編碼對字型的影響
（1）如果沒有設定宋體，在非中文作業系統中很難看。
6）關於sans-serif字型
7）字型繼承方面：在ie裡，所有的表單元素都不繼承body的字型屬性，需要單獨設定 。
總結：方案一：body 該方案能解決在ie6下的問題，但是該方案對表單對齊沒有優勢。
方案二：
body
該方案不能很好的解決在ie6下的下劃線問題，此外在ie6下對於13px的字型也不能很好的支援。
方案三：
body {
方案四：body {
font: 12px/1.5 tahoma, arial, \5b8b\4f53;
移動端字型設定最佳實踐
body ios 4.0 ios 9以下系統已經非常少 使用英文本型 helvetica neue，之前的ios版本降級使用 helvetica。中文字型設定為華文黑體stheiti。微軟雅黑是為了相容win系統，畢竟視網膜解析度的win系統用simsun是非常醜陋的，可以用4k屏 windowns...
web前端開發最佳實踐筆記
一 文章開篇 由於最近也比較忙，一方面是忙著公司的事情，另外一方面也是忙著看書和學習，所以沒有時間來和大家一起分享知識，現在好了，終於回歸的大家庭了，今天我打算來分享一下關於 web前端開發最佳實踐 這本書的讀後感，以及梳理這本書中比較有用的核心知識點 二 書之印象 web前端開發最佳實踐 其實說到...
Web最佳實踐閱讀總結 1
最近開始刷一些書和題,此系列是介紹在讀web最佳實踐的一些收穫和體會。web前端發展現狀 延遲載入 最後載入 動態載入 s1.src test.js 前端 重構 前端重構最佳實踐 前端框架的使用 專案的特點 框架的特點 質量 避免瀏覽器相容性的問題 html5新特性 web效能分析 chrome開發...