font-family，這是一個很容易被忽視的環節，卻直接影響了網站的體驗。
本文不談技術細節，隻說設計準則。
盡量不要使用下面的聲明方式：
直接用中文名有可能會出現支援性問題，在編輯器之間切換還有可能亂碼。中文字型其實也是有英文名的，華文細黑叫stxihei，微軟雅黑叫"microsoft yahei"，宋體叫simsun，下面這段聲明與上面那段效果是相同的：
下面是一份中英文字型對應表：
先英文，再中文（如果可以盡量用英文名代替），最後加上字型族。
為什麼英文要在前面，因為很多中文字型的英文顯示都很醜。如果你不能确定使用者的電腦上一定會有你聲明的字型的話，那最好在後面加上字型族，以便于系統尋找替代方案。
另外mac中的字型聲明要放在window前面。因為window下面是沒有mac的華文細黑的，而mac使用者有可能安裝了微軟的office。是以把mac放前面不會對windows使用者産生影響。
我們在css中會經常使用sans-serif，但你确定用它合适嗎？
css中的字型可分為兩大類：sans-serif（非襯線字型族,sans是法語字首，代表無的意思。）和serif（襯線字型族）。二者的主要差別是一個沒有修飾，一個有修飾。
可以看到sans-serif筆畫都比較平整，粗細均勻，而serif在筆畫的開始和末尾都會有一點修飾。是以，serif的字型容易辨認一些，閱讀的整體感要比sans-serif強。而sans-serif則強調文字個體，通常用來做标題會更加醒目一些。
一般來說，文章的正文用serif可增加易讀性。海報，網頁标題等部分用sans-serif更佳。有時為了美感小段部分也會用sans-serif，但是涉及到大篇幅的時候，還是要用serif的。
除了上面兩種字型外，還有以下幾種：
monospace：等寬字型族。适合顯示代碼，代表字型有courier、ms courier new、prestige等；
cursive：手寫字型族。在書信風格的網頁下用的比較多，代表字型有caflisch script、adobe poetica等；
fantasy：夢幻字型族。聽名字就是很有藝術範的字型，代表字型有wingdings、wingdings 2、wingdings 3、symbol等。
實際設計網頁時，要根據需求的不同合适選擇字型族，而不是直接複制粘貼。
windows，mac os，linux，不同的系統預裝字型是不同的，要考慮到各個系統的顯示效果，盡量做到一緻性體驗。
而且，同一類作業系統的不同版本字型庫也可能有差别。比如xp下面是沒有預裝微軟雅黑的，是以我們還要向下相容：
不過在xp下面，如果不指定網頁的中文字型，預設就是用宋體，是以上面的simsun在xp下其實是多餘的。
以上隻是考慮pc環境下的相容，還有移動端的相容性。蘋果專門放了一個ios 7字型支援清單，網上找了一份主流手機預設字型表：
ios 系統
預設中文字型是heiti sc
預設英文字型是helvetica
預設數字字型是helveticaneue
android 系統
預設中文字型是droidsansfallback
預設英文和數字字型是droid sans
winphone 系統
預設中文字型是dengxian(方正等線體)
預設英文和數字字型是segoe
（沒有微軟雅黑！）
如果真要做的一緻性體驗的 話，那麼使用自定義字型倒是最好的選擇。有了font-face，就不必要局限在安全字型裡了。但是仍然需要考慮到浏覽器的相容性。
主流浏覽器都支援.ttf/.otf字尾字型，ie9+隻支援.eot的字型（ie8以下不支援font-face）。
另外如果是在移動裝置上，個人認為是否使用自定義字型就要慎重考慮了，一是流量問題，二是移動端各個系統的預設中文字型差異并不明顯。
使用自定義字型，平時上網多留意一些好看的字型，收藏之，以備不時之需。