2009/11/05

FM 100 Hue Test 測試你對色彩的敏感度!

http://www.xrite.com/custom_page.aspx?PageID=77

這個站測試你的色相的認知跟敏感度,同時考驗著眼力以及感知能力!
越低分代表你顏色判別跟重組能力越強。

畫面上列著四排隨機產生的色階,最左及最右的色塊是固定好的,必須根據顏色的色相去排列(例如:由藍到綠),點擊色塊拖曳到你想放的位置即可。

點圖可以直接連去測

我忘記之前做過是幾分... 只記得是個位數

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/


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