Enlarge the font size on a web page

From LemonWiki共筆
Jump to navigation Jump to search

放大網頁上的字體大小


臨時放大字體大小[edit]

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

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); } })();

總是放大字體大小[edit]

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

Google chrome[edit]

方法1: 設定 Google Chrome 預設網頁縮放大小 - 海芋小站

方法2: Stylish for Chrome Browser chrome.png

Mozilla Firefox[edit]

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

356657181_25429b4c7d.jpg
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


法四:

  1. 先安裝Stylish套件
  2. 關閉Firefox, 再重新執行Firefox
  3. 載入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 Browser chrome.png [1]、Firefox Firefox Browser firefox.png [2]IE Browser msie.png [3]Safari Browser safari.png[4] 會記住該網站妳偏好的字型大小的設定。如果要重設大小,

  • Win Os windows.png : 按 Ctrl + 0 (數字的 0)。
  • Mac Os mac.png : ⌘ command + 0

print friendly tool / 手動製作「友善列印」的網頁[edit]

增加網頁易讀性工具[edit]

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

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

易讀性設計建議

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

相關新聞[edit]

"易讀性" OR "可讀性" 相關新聞聯播
【圖解】電商進階班:搞懂如何申請全家「好店+」、官網客製化操作工具、後台訂單管理懶人包 - INSIDE
哪些院所100%用差額醫材?比「比價網」更新的資料在此 - udn 聯合新聞網
【金融fact-check】港交所罪大惡極?(戚風生) - 香港蘋果日報
【琴台客聚】 地位超然的李大姐(中) - 香港文匯報
西方國家的高等文明| 凱文隨筆 - 經濟通
Google 日曆即將開放行程時間設定,不再以30 分鐘為單位 - 電腦王阿達
新新聞》誰主宰「中華民國台灣」的誕生 - 風傳媒
Sharkoon 全新品牌形象 - XFastest News
周末好去處:有文字你send來‧不「疫」樂乎與觀眾分享「疫系」作品 - 香港文匯報
李濠仲專欄:川普拿波頓沒轍美國就是這樣強大的--上報 - 上報
今夏解鎖游泳技能!給初學與中階泳者的6大裝備選購建議 - Yahoo奇摩運動
兩岸歷史補丁汪毅夫新著《顧盼兩岸》出版 - 中評社
即時呈現最新數據!臺北榮總智慧醫院管理中心揭牌啟用 - HiNet 新聞社群
【消費新聞】泰格豪雅聯名藤原浩 歡慶160週年 - 自由娛樂
單機續作、網游引擎升級、新IP曝光,網元嘉年華重磅信息匯總-科技新聞 - 臺灣新浪網
威視康工業條碼讀取器改善製造業的維護與製程效率 - 工商時報
升級智慧型手錶體驗,高通發表驍龍4100+ / 4100 可穿戴裝置平台 - 科技新報 TechNews
《製作文字的工作》:這些字體自古已存在,為何還要製作新的明朝體和黑體? - The News Lens 關鍵評論網
話劇中看疫情百態香港話劇團文本創作計劃作品下週起網上演讀 - 橙新聞
發掘城裡的閱讀循環 知識游牧的有機交流 - MISC
廣東發佈首批粵港澳大灣區文化遺產游徑-科技新聞 - 臺灣新浪網
醫材差額給付訂定上限 醫界大反彈 - Yahoo奇摩新聞
新手花1.4W DIY裝機,大佬們進來點評一下-科技新聞 - 臺灣新浪網
貴州撕掉絕對貧困標簽的客觀書寫 - 新華網貴州頻道
Apple 全新macOS 叫做Big Sur safari、通知中心等多種精美全新設計! - 點子科技
猛料阿Sir講古——李樹芬醫生回憶錄 - 頭條日報 Headline Daily
《一本就通:日本史》:與「大正民主運動」背道而馳,企圖「改造日本」的法西斯運動 - The News Lens 關鍵評論網
頒獎之後:獎項的分眾化與典範轉移 第十八屆台新藝術獎後記 - 非池中藝術網
新macOS 命名為「Big Sur」同時迎來近年最大介面更新 - T客邦
【書評.那些年,那些人和書】知名出版人筆下的人文財富|01周報 - 香港01
8套叢書讓寶寶完成心靈成長(年齡2-13歲)-科技新聞 - 臺灣新浪網
【PPT】簡報字太多怎麼辦?3 個步驟解決投影片資訊過量問題 - Yahoo奇摩新聞

Powered by Google News

references[edit]