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(特定網站網址)
參考資訊:
恢復瀏覽器字體大小[edit]
Chrome [1]、Firefox Firefox [2]、IE 
[3]、Safari 
[4] 會記住該網站妳偏好的字型大小的設定。如果要重設大小，
- Win
: 按 Ctrl + 0 (數字的 0)。 - macOS
: ⌘ command + 0
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? 其實換個醜字體比較有用
辨識字體工具[edit]
- Fonts Ninja on Chrome：快速辨識網站字體：滑過任何文字即可看到字體名稱與 CSS 屬性
- 字嗨 | Facebook 可詢問字體
- 看到喜歡的字體，不知道字體名稱怎麼找？3種方法分享給你 - 聽說你想學設計 - Medium