Enlarge the font size on a web page
Jump to navigation
Jump to search
放大網頁上的字體大小
臨時放大字體大小[edit]
單一網頁上的字體大小臨時放大,重新整理(reload)網頁後會恢復。
增加網頁易讀性的瀏覽器按鈕(bookmarklet) for Firefox
& Chrome (change the colors and enlarge font size): 將網頁樣式設定為白底黑字, 並且放大字體大小。(modified from Jesse Ruderman's zap white backgrounds, 若要轉載,請注意其授權須知。)
javascript:(function(){var newSS, styles='* { background: white ! important; color: black !important; line-height: 160% !important; font-size: 12pt !important; letter-spacing:2px !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); } })();
- 點選按鍵 Ctrl + + ,放大網頁內容的文字大小。Chrome , Firefox
, IE , Safari 等瀏覽器,會記住該網站妳偏好的字型大小的設定。如果要重設大小,按 Ctrl + 0。 詳 變更文字、圖片和影片大小 (縮放) : 網頁內容設定 for Chrome
- Bookmarklets for Zapping Annoyances --> zap style sheets (for IE , Firefox
): 忽略網頁設定樣式,達到放大字體大小的效果。 (last visited: 2007-01-04)
- Browny Walking: 紙本換螢幕 眼睛也要顧 – comfortable reading: 網頁改成黑底黃字顯現,行距 和 字距也都加大了 (modified from Jesse Ruderman's work and MozillaTW community's discussion)
- Evernote Web Clipper for Chrome & Evernote Web Clipper :: Firefox 附加元件 for Firefox
- iReader for Chrome & iReader :: Firefox 附加元件 for Firefox
總是放大字體大小[edit]
所有網頁上的字體大小都會放大,除非回復瀏覽器設定。
Google chrome[edit]
方法1: 設定 Google Chrome 預設網頁縮放大小 - 海芋小站
方法2: Stylish for Chrome
Mozilla Firefox[edit]
法一:上方選單列:工具: 「選項」→「內容」標籤: 字型與色彩: 「進階」: 最小字型大小 → 設成12
- Image hosted at Flickr
法二:
- NoSquint Plus :: Add-ons for Firefox [1] "NoSquint is a Firefox extension that allows you to adjust the default text zoom level, which is very useful if you have a small display or run at a very high resolution. NoSquint also remembers the zoom level per site" cited from the official site. [Last visited: 2017-04-13]
法三: {profile}/chrome/userContent.css
法四:
- 先安裝Stylish套件
- 關閉Firefox, 再重新執行Firefox
- 載入user style: 點選Readable text on white background網頁上的「load into the Stylish」按鈕載入user style
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix(http://), url-prefix(ftp://), url-prefix(file://), url-prefix(https://) { * { color: black !important; background: none !important; background-color: white !important; line-height: 160% !important; font-size: 12pt !important;} a:link {color:#0000EE !important;} a:visited {color: #551A8B !important;} a:hover, a:active { color: red !important;} }
因為上述樣式會套用到所有網站,若要限定部分網站,請自行修改url-prefix(http://) 為url-prefix(特定網站網址)
參考資訊:
MS Internet Explorer[edit]
恢復瀏覽器字體大小[edit]
Chrome [1]、Firefox Firefox [2]、IE [3]、Safari [4] 會記住該網站妳偏好的字型大小的設定。如果要重設大小,
print friendly tool / 手動製作「友善列印」的網頁[edit]
- Aardvark: (1) Press I to "Delete everything surrounding the selected element" (2) Press Ctrl + P to call the printer window
- Aardvark Firefox Extension for Firefox
- Bookmarklet version for Firefox
, IE & Safari
- Aardvark Firefox Extension for Firefox
- Bookmarklet « PrintWhatYouLike.com
增加網頁易讀性工具[edit]
增加網頁易讀性(readability)的其他工具
PrintWhatYouLike.com--Save paper & ink printing only what you want 介紹:用 PrintWhatYouLike 印網頁,省錢省墨版面全自訂! @ PCuSER 電腦人
- PrintFriendly & PDF BookmarkletPrint Friendly & PDF Button for FireFox, Chrome, iPad/iPhone, Internet Explorer, and Safari 提供 bookmarklet 與瀏覽器套件 [Last visited: 2020-03-17]
- 如何用滑鼠手勢啟動 bookmarklet @ 三樓 :: 痞客邦 PIXNET :: for Firefox
- Accessibar for Firefox
(last visited: 2007-05-08)
- Instapaper Text bookmarklet for Firefox
& IE 教學: (Bookmarklet) Instapaper 讓網頁變得更簡潔、易讀 - 0與1的邂逅(demo) (last visited: 2011-02-02)
- 電腦玩物: 「電腦玩物」資訊網摘快遞第6期:全瀏覽器外掛書籤小工具Bookmarklets
- No Color for Firefox
:Hemiola 的 Firefox Extensions
- Mercury Reader on Chrome
檢查網頁內文易讀性工具[edit]
易讀性設計建議 (給網頁開發者)[edit]
易讀性設計建議
- 使用夠大的預設字體;
- 給頁面留一點空白,讓文字可以呼吸,走文不要塞滿整個螢幕;
- 行間距離建議使用140% line height; (老貓按:中文行間建議使用160~170%)
- 文字和底色的對比要夠清楚;
- 不要把文字做成圖型。
- 「字大」派 - 網絡暴民 Jacky’s Blog
- 連結吸子與理念宣揚 | 老貓學出版:圖書出版業, 編輯知識, 產業分析
- Font-Size Samples by piaip: 字形大小的地雷設定值 (少用為佳):
- (pt) 1-7pt, 15pt,
- (px) 1-10px, 14px, 20px
- 這文章好難看,改善 Readability 的十個方法 - Inside
- PanSci 泛科學 - 要提昇閱讀吸收程度,該選Kindle還是iPad? 其實換個醜字體比較有用