不要用PX這個單位來定義字體，因為它在IE6無法被改變文字大小。
字與字最好有些空間，這裡稱之為「字距」
行與行之間要有適當的距離，這裡我們稱之為「行距」
文字顏色最好與頁面背景色呈對比狀態
以天空部落格為例子︰
請進入您的CSS編輯區域，
緊跟著在BODY這個選擇器的段落裡追加下列這三行樣式表
font-family :helvetica,tahoma,verdana,細明體,arial,sans-serif;
font-size: 11pt;
letter-spacing:0.05em;
在接著搜索.post_time 這個選擇器，在這個段落裡追加下列五行樣式表
color : #3c3c3c;
font-family : Helvetica,sans-serif;
font-size : 1.1em;
letter-spacing : 2px;
line-height : 170;
170的後面請自行加上半形的％
須注意的是，.post_time這個選擇器裡面本身有預設的font-size : 11px;
請先把它刪除。
然後在存檔看效果
演示頁面︰ http://diary.blog.yam.com/sirbs/article/4135327
我不敢說這是閱讀文字的最佳設定，但是最起碼閱讀起來它是舒適的。
這個部落格基本上我是沒在使用的，我只把它作為一個解說應用的演示頁面而已。
字與字最好有些空間，這裡稱之為「字距」
行與行之間要有適當的距離，這裡我們稱之為「行距」
文字顏色最好與頁面背景色呈對比狀態
以天空部落格為例子︰
請進入您的CSS編輯區域，
緊跟著在BODY這個選擇器的段落裡追加下列這三行樣式表
font-family :helvetica,tahoma,verdana,細明體,arial,sans-serif;
font-size: 11pt;
letter-spacing:0.05em;
在接著搜索.post_time 這個選擇器，在這個段落裡追加下列五行樣式表
color : #3c3c3c;
font-family : Helvetica,sans-serif;
font-size : 1.1em;
letter-spacing : 2px;
line-height : 170;
170的後面請自行加上半形的％
須注意的是，.post_time這個選擇器裡面本身有預設的font-size : 11px;
請先把它刪除。
然後在存檔看效果
演示頁面︰ http://diary.blog.yam.com/sirbs/article/4135327
我不敢說這是閱讀文字的最佳設定，但是最起碼閱讀起來它是舒適的。
這個部落格基本上我是沒在使用的，我只把它作為一個解說應用的演示頁面而已。
樓)
