Enlarge the font size on a web page

放大網頁上的字體大小

總是放大字體大小

所有網頁上的字體大小都會放大，除非回復瀏覽器設定。

Mozilla Firefox

法一：上方選單列：工具: 「選項」→「內容」標籤: 字型與色彩: 「進階」: 最小字型大小 → 設成12

Image hosted at Flickr

法二： {profile}/chrome/userContent.css

MS Internet Explorer

加大網頁上字的大小

臨時放大字體大小

單一網頁上的字體大小臨時放大，重新整理(reload)網頁後會恢復。

Bookmarklets for Zapping Annoyances

Bookmarklets for Zapping Annoyances (last visited: 2007-01-04)

• zap style sheets (for IE , Firefox ): 忽略網頁設定樣式，總是能達到放大字體大小的效果。
• zap colors and enlarge font size: 將網頁樣式設定為白底黑字, 並且放大字體大小。(modified from zap white backgrounds for Firefox , 若要轉載，請注意其授權須知。)

javascript:(function(){var newSS, styles='* { background: white ! important; color: black !important; line-height: 160% !important; font-size: 12pt !important } :link, :link * { color: #0000EE !important } :visited, :visited * { color: #551A8B !important }'; if(document.createStyleSheet) { document.createStyleSheet(%22javascript:'%22+styles+%22'%22); } else { newSS=document.createElement('link'); newSS.rel='stylesheet'; newSS.href='data:text/css,'+escape(styles); document.getElementsByTagName(%22head%22)[0].appendChild(newSS); } })();

other tools

增加網頁可讀性(readability)的其他工具

• Aardvark Firefox Extension (last visited: 2007-01-04)

易讀性設計建議 (給網頁開發者)

易讀性設計建議

1. 使用夠大的預設字體；
2. 給頁面留一點空白，讓文字可以呼吸，走文不要塞滿整個螢幕；
3. 行間距離建議使用140％ line height； （老貓按：中文行間建議使用160~170％）
4. 文字和底色的對比要夠清楚；
5. 不要把文字做成圖型。

• 「字大」派 - 網絡暴民 Jacky’s Blog
• 連結吸子與理念宣揚 | 老貓學出版：圖書出版業, 編輯知識, 產業分析
• Font-Size Samples by piaip: 字形大小的地雷設定值 (少用為佳):
  • (pt) 1-7pt, 15pt,
  • (px) 1-10px, 14px, 20px