Web 品質可讀性
正確使用字體和顏色可使您的網站更易於閱讀。
留意顏色的對比
對於視力不太好的人或對不太好的顯示裝置來說,黑底白字或白底黑字是最佳的。
在亮色背景上的灰色文字,對比是很差的:
Grey text on a white background (#EEEEEE) |
#Grey text on a white background (#CCCCCC) |
#Grey text on a white background (#AAAAAA) |
#Grey text on a white background (#888888) |
Grey text on a white background (#666666) |
Grey text on a white background (#444444) |
Grey text on a white background (#222222) |
Grey text on a white background (#111111) |
在暗色背景上的灰色文字,其對比度同樣很差:
Grey text on a black background ( #222222) |
Grey text on a black background (#444444) |
Grey text on a black background (#666666) | #Grey text on a black background (#666666)
Grey text on a black background (#888888) |
Grey text on a black background (#AAAAAA) |
#Grey text on a black background (#CCCCCC) |
Grey text on a black background (#DDDDDD) |
Grey text on a black background (#EEEEEE) |
Black text on a red background |
# |
Black text on a blue background |
Yellow text on a green background |
這些搭配並不糟糕:
Black text on a grey background |
Black text on a light blue |
Black text on antique white |
# |
White text on dark blue |
留意字母的間距
對於視力比較弱的讀者,比較近的字母間距會帶有不小的閱讀困難。
文字間距適中的文字就比較容易閱讀了。
文字間距少的文字難以閱讀。
當心你的行距
以下行距易於閱讀#具有良好的行距的文字
更容易閱讀
行距小的文字
難以閱讀
避免花俏的字體
這字體容易閱讀....
##這種字體是難以閱讀....盡量少用斜體普通字體易於閱讀。
斜體字體不那麼容易閱讀。