Difference between revisions of "Enlarge the font size on a web page"

From LemonWiki共筆
Jump to navigation Jump to search
m
 
Line 85: Line 85:
 
增加網頁易讀性([http://www.webcredible.co.uk/user-friendly-resources/web-usability/web-page-readability.shtml readability])的其他工具
 
增加網頁易讀性([http://www.webcredible.co.uk/user-friendly-resources/web-usability/web-page-readability.shtml readability])的其他工具
 
* {{Gd}} [http://www.printwhatyoulike.com/ PrintWhatYouLike.com]--Save paper & ink printing only what you want  介紹:[http://pcuser.pixnet.net/blog/post/24679290 用 PrintWhatYouLike 印網頁,省錢省墨版面全自訂! @ PCuSER 電腦人]
 
* {{Gd}} [http://www.printwhatyoulike.com/ PrintWhatYouLike.com]--Save paper & ink printing only what you want  介紹:[http://pcuser.pixnet.net/blog/post/24679290 用 PrintWhatYouLike 印網頁,省錢省墨版面全自訂! @ PCuSER 電腦人]
 +
* [https://www.printfriendly.com/extensions/other PrintFriendly & PDF BookmarkletPrint Friendly & PDF Button for FireFox, Chrome, iPad/iPhone, Internet Explorer, and Safari] 提供 bookmarklet 與瀏覽器套件 {{access | date=2020-03-17}}
 
* [http://rabbitbigwhite.pixnet.net/blog/post/28826405 如何用滑鼠手勢啟動 bookmarklet @ 三樓 :: 痞客邦 PIXNET ::] for {{Fx}}
 
* [http://rabbitbigwhite.pixnet.net/blog/post/28826405 如何用滑鼠手勢啟動 bookmarklet @ 三樓 :: 痞客邦 PIXNET ::] for {{Fx}}
 
* [https://addons.mozilla.org/en-US/firefox/addon/4242 Accessibar] for {{Fx}} (last visited: 2007-05-08)
 
* [https://addons.mozilla.org/en-US/firefox/addon/4242 Accessibar] for {{Fx}} (last visited: 2007-05-08)

Latest revision as of 15:19, 17 March 2020

放大網頁上的字體大小


臨時放大字體大小[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 "可讀性" 相關新聞聯播
防資料被看光HP 顯示器首獲德國萊因動態防窺濾鏡認證 - HiNet 新聞社群
〈蘋果新品發表〉蘋果庫克:今日重點關注 Apple Watch 和 iPad - Anue鉅亨
聯合筆記/林死周哭 不言之聽 - UDN 聯合新聞網
【奢華腕錶】IWC葡萄牙系列置入自家高性能機芯經典延續享譽80年- 香港經濟日報- TOPick - 休閒 - 香港經濟日報 - TOPick
Day 13 工廠方法- iT 邦幫忙::一起幫忙解決難題,拯救IT 人的一天 - iThome Online
中國首座省級青銅博物館閉館三月重新開放 - hkcna.hk
優遊幻境虹夕諾雅谷關納涼行- 世界新聞網 - 世界日報
新北市圖導入智慧選書系統-生活 - HiNet 新聞社群
Smart Reading慧讀,會讀-社會 - HiNet 新聞社群
周顯:沈大師中文水平高- 20200908 - 經濟 - 明報新聞網
網購總是手滑,不小心買太多?專家:衝動購物前先做這兩件事,就不用擔心錢包大失血啦 - 風傳媒
日本鐵路文字設計有多講究?濃度粗幼全有目的梅田車票與眾不同 - 香港01
【都市探索情報】再次演繹軍事風格 - CTWANT
話題》第42次中小學生讀物選介結果出爐| 文化+ - 中央社即時新聞
【旅行自拍棒--我和截稿期限一起旅行】蕭詒徽/算數與鍊金術,東京 - UDN 聯合新聞網
紋身聯乘腕錶!Hublot推出全新白色Big Bang Unico Sang Bleu II - Esquire HK
本站復刊公告與 2020 年度改版計畫及近期文章發佈規畫 - iLog
函數(Functions) - iT 邦幫忙::一起幫忙解決難題,拯救IT 人的一天 - iThome Online
蘋果新品發佈會聚焦新版iPad和Apple Watch - 大紀元時報-香港
Synology「白板考」解密:用一面白板,看清工程師的工作性格 - INSIDE 硬塞的網路趨勢觀察
2020年PC產業走向 - MISC
【電商原來是醬】電商快速入門,電商專家教你如果做好電商精準行銷 - 明日科學
從筆電到微單我的器材與評測工作流分享-科技新聞 - 臺灣新浪網
【SEO】亂塞關鍵字會被Google懲罰?任何人都該搞懂的白帽、黑帽與灰帽SEO - Yahoo奇摩新聞
來自香港的您,哪裡是吾家? - 大紀元
Grand Seiko優雅進駐台北101!鳳小岳現身加持分享時間管理之道! - Esquire Taiwan
文化藝術 - 早期漢學家儒蓮 - RFI - 法國國際廣播電台
習近平:思政課是落實立德樹人根本任務的關鍵課程-新華網 - 新華網廣東頻道
天不欺人 - 大紀元
不可輕信謠言 - 大紀元
色彩學:高可讀性配色對比度檢查,杜絕門牌顏色之亂• 鷹眼觀察 - 鷹眼觀察
書評:《時光雕刻者》在「文學城牆」 上雕刻記憶 - 香港文匯報

Powered by Google News

references[edit]