Enlarge the font size on a web page

From LemonWiki共筆
Jump to: navigation, 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 "可讀性" 相關新聞聯播
iPhone 的「深色模式」其實不是「護眼模式」,很多人都誤解了 - 蘋果仁

費鴻泰獲判無罪 陳菊不服上訴高院 - 自由時報電子報
【Emily】林鄭打破兩紀錄2019施政報告回歸後最短- 20191017 - 港聞 - 明報新聞網
腕表品牌推周年紀念表款 詮釋時代精神又具收藏性 - udnSTYLE
總統連任視覺辨識圖樣亮相 向右三角形象徵前進 - cna.com
「向右三角符號」象徵前進 蔡英文競選連任主視覺圖樣曝光 - 自由時報電子報
人為何貧窮?2019諾貝爾經濟學獎得主對打2006諾貝爾和平獎|天下雜誌 - 天下雜誌
【出版者言】林秀梅/出版與閱讀需求 - 讀.書.人
【書介】巴布.狄倫歌詩集套書(7冊) - 香港文匯報
盤點重點政策完成程度《施政報告》「務實」嗎? - 香港01
【獨立書店.一】每間各有個性傳遞重要價值的公共文化空間|01周報 - 香港01
《人類大未來》:我們需要悲觀的預測,好全力不讓它們成真 - The News Lens 關鍵評論網
文化週報》《無父之城》陳雪: 解嚴多年白恐受害者仍不敢說實話 - 自由評論網
范逸臣注重時間觀選錶哲學公開錶現不凡的Bell & Ross BR05 - U-car
數據很吸睛,結論卻很保守?科學研究不是你想的那樣 - Yahoo奇摩新聞
專題研究丨商業地產輕資產模式及REITs全解析-財經新聞 - 臺灣新浪網
北美留學生日報「帶毒」的行銷手段 - 上報
《世界現代史(下)》:邱吉爾在德黑蘭會議移動三根火柴,最終導致波蘭赤化 - The News Lens 關鍵評論網
真實事件!美國連續殺人魔「金州殺手」30年懸案,記者調查實錄助FBI抓到真凶 | 妞書房 - 妞新聞 niusnews
星期日文學‧生態批評與自然書寫:被資本主義規限的時間,被片面浪漫束縛的自然- 20191020 - 副刊 - 明報新聞網
深度研究丨商業地產金融化時代逐步到來-財經新聞 - 臺灣新浪網
【自由副刊】 李進文/來雲吐露 - 自由娛樂
沒有藝術天分也辦得到!2019年終極版子彈筆記3大要點- 深度解讀- 觀點- Cheers快樂工作人 - Cheers快樂工作人雜誌
基礎架構即程式碼工具Terraform大改語法,釋出最新0.12版本 - iThome Online
是否Lambda一下? - iThome Online
微軟正開發沒有迴圈的程式語言Bosque - iThome Online
讓報表從「普通」變「專業」!5 個Excel 小技巧,馬上學、立刻用 - 經理人月刊
美國政府設計免費英文字型開放原始碼可自由下載| 聯合新聞網 - udn 聯合新聞網
Zoho發表智慧助理Zia,為其辦公室套裝加入AI輔助功能 - iThome Online
司法院用人工智慧助民眾看懂判決書 還獲總統盃團隊獎 - 自由時報電子報
軍風熱潮再起沛納海專賣店限定款- 熱門新訊 - 自由時報電子報

色彩學:高可讀性配色對比度檢查,杜絕門牌顏色之亂• 鷹眼觀察 - 鷹眼觀察

Powered by Google News

references[edit]