mac它誕生的時(shí)候,把字體處理得盡可能接近原貌是一大賣點(diǎn)。個(gè)人使用多年,個(gè)人感覺mac下的字體確實(shí)比Win下的字體好看。比較舒服,尤其是瀏覽網(wǎng)頁(yè)的時(shí)候,字體比較“珠玉”,可惜mac目前還不是主流,大部分還是Win用戶。所以即使你使用mac,也要記得在設(shè)計(jì)中平衡Win的效果。
mac 和 Win 的顯示區(qū)別
剪一段文字做個(gè)對(duì)比,不難看出字體顯示差別很大。
mac下面的文字是渲染出來的,比較飽滿,Win下像素化比較多,看起來很清晰。關(guān)于究竟是什么導(dǎo)致了這種差異,已經(jīng)有很多討論。
蘋果認(rèn)為,字體渲染算法的目標(biāo)應(yīng)該是盡可能接近地還原字體的設(shè)計(jì),即使以稍微模糊為代價(jià)。
微軟認(rèn)為,字符的形狀應(yīng)該適合像素,以防止模糊并提高可讀性,即使它會(huì)扭曲字體的構(gòu)造。
mac OS X 用戶看到 Core Text,7 和 Vista 用戶看到 GDI,而 XP 用戶看到 GDI。目前,
還有很多,我就不挑了,你自己搜吧。
默認(rèn)字體和 CSS 字體設(shè)置
字體的不同不僅僅是渲染效果,其實(shí)mac和Win的默認(rèn)字體也不同,mac是“中國(guó)黑體(黑體SC Light和黑體SC)”,Win是“宋體()”,所以如果頁(yè)面沒有設(shè)置默認(rèn)字體,兩個(gè)系統(tǒng)同時(shí)在同一頁(yè)面上顯示的中文字體也是不一樣的。(字體效果可以看對(duì)比圖剛才的兩種系統(tǒng)字體)。
有一種特殊情況,即使命名為默認(rèn)中文字體mac,也會(huì)使用系統(tǒng)默認(rèn)字體。我不知道這是否是一個(gè)錯(cuò)誤。情況如下:
font-:”宋體” mac 無法識(shí)別宋體,Win可以識(shí)別
font-:”” mac 和 Win 可以識(shí)別 Arial
使用中文命名時(shí),可能還會(huì)遇到CSS編碼導(dǎo)致的亂碼問題:
根據(jù)實(shí)際情況,建議在設(shè)置字體時(shí)使用英文描述。這些是在網(wǎng)上找到的相關(guān)中英文字體的名稱:
歌曲:
膽大:
中國(guó)薄黑:淺[]
中文黑體:
微軟雅黑:雅黑
微軟以粗體顯示:
新歌:
新的細(xì)節(jié)體:
模仿歌曲:
斜體:凱蒂
暫定解決方案
設(shè)計(jì)時(shí)如何平衡mac和Win的設(shè)計(jì)差異?Win下可以在PS中使用“ no ”完全恢復(fù)默認(rèn)系統(tǒng)的文字效果,但是在mac下,系統(tǒng)的文字渲染可能與PS中的文字渲染算法不同mac軟件字體不清晰,總有一點(diǎn)點(diǎn)不同,沒有辦法完全恢復(fù)。
所以考慮到網(wǎng)站的用戶主要是Win,PS完全可以還原Win下文字的顯示效果。同時(shí),在上一段中,發(fā)現(xiàn)在Win下有不錯(cuò)的效果,在mac下也有不錯(cuò)的效果,表現(xiàn)出來之后,有一個(gè)初步的計(jì)劃:
統(tǒng)一使用“未渲染宋代”作為默認(rèn)文字,首先保證Win系統(tǒng)下的顯示效果
CSS中不要設(shè)置默認(rèn)字體mac軟件字體不清晰,根據(jù)系統(tǒng)格式調(diào)整
網(wǎng)頁(yè)上線后,再次在mac下進(jìn)行,保證mac下的顯示效果
目前,這是一個(gè)可以考慮的暫定方案??吹竭@篇文章的設(shè)計(jì)師有沒有更好的解決方案?