mac它誕生的時(shí)候，把字體處理得盡可能接近原貌是一大賣點(diǎn)。個(gè)人使用多年，個(gè)人感覺mac下的字體確實(shí)比Win下的字體好看。比較舒服，尤其是瀏覽網(wǎng)頁的時(shí)候，字體比較“珠玉”，可惜mac目前還不是主流，大部分還是Win用戶。所以即使你使用mac，也要記得在設(shè)計(jì)中平衡Win的效果。

mac 和 Win 的顯示區(qū)別

剪一段文字做個(gè)對比，不難看出字體顯示差別很大。

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是“中國黑體（黑體SC Light和黑體SC）”，Win是“宋體()”，所以如果頁面沒有設(shè)置默認(rèn)字體，兩個(gè)系統(tǒng)同時(shí)在同一頁面上顯示的中文字體也是不一樣的。（字體效果可以看對比圖剛才的兩種系統(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)中英文字體的名稱：

歌曲：

膽大：

中國薄黑：淺[]

中文黑體：

微軟雅黑：雅黑

微軟以粗體顯示：

新歌：

新的細(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)頁上線后，再次在mac下進(jìn)行，保證mac下的顯示效果

目前，這是一個(gè)可以考慮的暫定方案?？吹竭@篇文章的設(shè)計(jì)師有沒有更好的解決方案？