Blog 上字型的問題

美編概念還是要有一點 sense 才行啊...

大神的 blog討論了 blog 字型的問題,其實 Blog 內文用的字型真的會影響讀者的閱讀意願,所以我稍微也調整了一下自己 blog 的字型設定,目前的 body tag 字型設定是這樣的:

font: 80% 'Trebuchet MS', 'Tahoma', 'Lucida Grande', Verdana, Arial, 'LiHei Pro', Simsun, Sans-Serif;

其中 LiHei Pro 是為了讓 Mac 上眾 browser (Firefox、Safari、Opera、Camino)都能有一樣的瀏覽效果才加上去的,而 Simsun 在 Windows 上不會有新細明體只在某些大小才能看的問題(MS Gothic 的效果我是覺得挺慘的),所以就成了這樣的設定。

而另外有動到字型的部份就是貼 code 的地方,我的設定如下:

font: 1.0em 'Andale Mono', Monaco, Courier, Monospace;

這樣的設定就沒什麼好說的了,Monaco 是我自己覺得最好看的等寬字,可惜它的字寬硬是比別人大上好幾倍,這樣貼 code 很容易就出界了(然後在 IE6 裡面就會把我的 sidebar 擠到右下角 Orz),所以只好用 'Andale Mono' 擺第一順位。

IE7 或 Windows Vista 後 ClearType 的字體感覺又會差很多了吧....調整這種東西其實覺得還蠻鎖碎的...

  • 我的 Windows XP 也有 LiHei Pro,但是看起來很慘…Orz

  • 那大概是 XP 的 rendering engine 炸開了..XD
    我換個順序好了。