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 icon_os_mac.png : ⌘ command + 0

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

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

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

檢查網頁內文易讀性工具[edit]

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

易讀性設計建議

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

相關新聞[edit]

"易讀性" OR "可讀性" 相關新聞聯播
Rust語法更新開始支援行內常數表示式 - iThome Online
屏東總圖「可讀・性— 性別文學特展」 閱讀臺灣百年性別文學之華! - 奧丁丁新聞 OwlNews
《最強排版設計》:要排出易讀性高的文章,最重要的是先調整「字級、行距、字元間距」 - TNL The News Lens 關鍵 ... - The News Lens 關鍵評論網
探討掌握IG圖片尺寸的5大重要性|小A編 - 方格子 - 方格子
閱讀臺灣百年性別文學之菁華- 屏東總圖「可讀・性— 性別文學特展」/ 波新聞 - 奧丁丁新聞 OwlNews
屏東/總圖「可讀・性—性別文學展」很久以前做鬼才能平權| 琅琅悅讀 - 琅琅悅讀
卡西歐發佈防塵防泥G-SHOCK手錶,配備雙層LCD提高可讀性 - Yahoo奇摩股市
2021年中高階主管必讀!搞懂AI的25本主題書單- 未來城市@天下- 進步城市的新想像 - 未來城市@天下
被麥當勞化的雙年展?從「可感性/可讀性」反思上海雙年展 - 典藏ARTouch.com
微軟著手以Aptos取代Calibri,成為Microsoft 365下一個預設字型 - iThome Online
提高可讀性的新圖表類型 - TradingView
【特別企畫】拓展自由的疆界國立台灣文學館特展「可讀.性(Reading Sexualites)」 - 台灣教會公報新聞網 - 教會公報
國資圖與臺師大合作將適性閱讀服務導入圖書館 - Yahoo奇摩新聞
Deno 1.27添加嵌入提示增加程式碼可讀性 - iThome Online
《人行道》導讀:「還好,有這樣一條人行道」,一本可讀性極高的民族誌- TNL The News Lens 關鍵評論網 - The News Lens 關鍵評論網
微軟更新VS Code Python語言伺服器,強化程式碼可讀性 - iThome Online
DeFi 不存在了?莫慌,來認識下風口浪尖的Vyper 語言 - Yahoo奇摩股市
卡西歐發佈防塵防泥G-SHOCK手錶,配備雙層LCD提高可讀性 - 新頭條-Thehubnews
基礎架構即程式碼工具Terraform大改語法,釋出最新0.12版本 - iThome Online
Unity 專案程式碼管理(一)|#Jaku - 方格子 - 方格子
迎擊 AI 科技新浪潮!奧義智慧「XCockpit」自動化資安威脅管理平台解決企業營運痛點 - 企業經理人雜誌
Zoho發表智慧助理Zia,為其辦公室套裝加入AI輔助功能 - iThome Online
地鐵宋字成一格原創者經典復刻 - Yahoo新聞
《新網新聞網》 臺灣文學館舉辦"可讀·性-臺灣性別文學變裝特展" 臺灣文學館舉辦"可讀·性-臺灣性別文學變裝特展" - 打破AI黑盒子 科技部支持開發可解釋性人臉辨識模組
Galaxy S9系列締造智慧型手機螢幕新紀錄獲DisplayMate史上最高評等A+ - Samsung Newsroom Taiwan
台文館性別文學變裝特展 - 中華新聞雲
海保署出版《臺灣百種海洋動物》介紹海洋生物之美 - Yahoo奇摩新聞
不只靠青春飯的程式人 - iThome Online
機器學習函式庫Scikit-learn 1.0,加入關鍵字參數和線上OneClass SVM演算法 - iThome Online
蘋果新字體San Francisco 簡潔設計讓文字更為易讀 - Yahoo奇摩新聞
姜輝:《世界社會主義五百年》注重思想性針對性可讀性--理論-人民網 - 經濟社會--中國共產黨新聞網
【從空中看「道路字體」奧秘】變體字會讓我們「自動腦補」!看師傅如何用「手寫字」,寫出用路人安全| CitiOrange ... - CitiOrange 公民報橘

Powered by Google News

References[edit]