2009/11/04

做簡體網頁遇到文字錯位問題的解決方法

我們在繁體中文的介面,做簡體網頁,常常會發現網頁顯示的中文字上下不齊、文字錯位的感覺,心中不斷暗罵該死的IE,討厭的簡體...

內地都會使用"宋體"字型呈現簡體中文,但是...我們看得還是會錯位啊!

其實,這有解決方法的!
解決這問題,要從兩個地方下手,沒錯!就是html和css

首先,來解決一般簡體文字會上下亂跑偏掉的問題...

【css的部份】

當然字體部份要設定好Arial跟宋體顯示,MiyaC是習慣寫成:

font-family:Arial, Helvetica, sans-serif,"宋体", "新細明體";


但是但是,我們的介面是繁體,網頁不會乖乖顯示宋體,還是會用新細明體顯示,很機車吧?!

所以,網頁宣告就很重要了! (之前有寫過meta的部份,可以點我去看看)
用上次那邊的 meta equiv="Content-Language" content="zh-CN" 這招是不夠的,怎樣他都還是不乖乖顯示宋體...
原來,要把網頁本身宣告就先加上語系,所以是要改這行:

html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"

加上紅色粗體的部份,嘖嘖... 文字終於齊了!好感動啊!!!


講完,以上~


> 延伸閱讀: http://3eye.ws/2008/11/19/simplified-and-traditional-chinese-web-page-problem/


不可全文轉貼、可部份引用,請以本文網址連結方式註明出處。



沒有留言:

張貼留言