Enlarge the font size on a web page
Appearance
放大網頁上的字體大小
總是放大字體大小
所有網頁上的字體大小都會放大,除非回復瀏覽器設定。
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)
易讀性設計建議 (給網頁開發者)
易讀性設計建議
- 使用夠大的預設字體;
- 給頁面留一點空白,讓文字可以呼吸,走文不要塞滿整個螢幕;
- 行間距離建議使用140% line height; (老貓按:中文行間建議使用160~170%)
- 文字和底色的對比要夠清楚;
- 不要把文字做成圖型。