中英文字分別使用不同字體 via @font-face

最近一直在弄主頁的版面,在文字編排的時候就遇到了一個蛋疼的事情:

當中英混雜的時候,中文字型裡的英文字母是在噁心,想了一下,可以在CSS里這樣寫:

body{

font-family : “Helvetica”, “Trebuchet MS”, “Verdana”, “Tahoma”, “STXihei”, “WenQuanYi ZenHei”, “Microsoft JhengHei”, “Heiti TC”, “Heiti SC”, “MS Gothic”;

}

理論上,前面的英文字型里沒有漢字,瀏覽器應該是逐個往後找,直到找到含有漢字的字形為止然後顯示才對,但是似乎想得很完美,試驗時效果糟糕(比如IE)。

於是想起CSS里一個很實用的東東 —— “@font-face”。 閱讀全文 中英文字分別使用不同字體 via @font-face