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 "可讀性" 相關新聞聯播
第三方掛認證 表迷多了品質保證 - udn 聯合新聞網

高雄獎少22萬 評審:削弱在地性 - udn.com
江詩丹頓:戴著OVERSEAS探索世界 - 遠見雜誌
央行科技司楊富玉:支持金融機構、外資企業等各方力量參與金融科技標準編製-財經新聞 - 臺灣新浪網
Youtube將於12月10日發布新版條款即日起影片內容須標註是否為兒童打造 - 電腦王阿達
【錶壇焦點】域峰新作齊亮相:縮小尺寸機能不變、復古風潮繽紛新色! - Yahoo奇摩新聞
巴菲特推薦好書》股神10年嚴選,15本必讀書單大公開! - 商業周刊
RCREIT觀察丨北京SKP單日銷售突超10億的啟示-財經新聞 - 臺灣新浪網
《全球通史》第七版:從西方中心論到全球史觀的轉變-兩岸新聞 - 臺灣新浪網
今天,你的老闆也叫你學Python 了嗎? - T客邦
【設計人語】字體選用恰當很重要見微知著凸顯書本個性 - 香港01
《宋文治傳》紀念大師百年誕辰展金陵畫派先賢人生圖景 - 香港文匯報
研討會的論文寫得好,也可以是晉級期刊論文的墊腳石 - The News Lens 關鍵評論網
【錶壇焦點】加州面盤始祖級復刻!沛納海PAM00931首款漸層色加州面更復古 - Yahoo奇摩新聞
研討會︱如何通過口述歷史來探尋上海的城市精神?-兩岸新聞 - 臺灣新浪網
「設計新浪潮——魏因加特字體排印學之路」台灣首展-生活新聞 - 臺灣新浪網
安全更有保障!全新Luxgen URX整合ADAS和ARD前瞻安全科技 - ZEEK玩家誌
YouTube 對於新條款將可凍結「無商業可行性」帳號一事做出回應 - HYPEBEAST
創作者不賺錢YouTube能隨時停權?官方澄清了 - 中時電子報 Chinatimes.com
《啟蒙運動(下)》:科學與宗教在18世紀看似緊張,仍不及百年後的生死鬥 - The News Lens 關鍵評論網
《啟蒙運動(上)》:討厭中世紀雖是時代風尚,啟蒙思想家仍有火上加油的效果 - The News Lens 關鍵評論網
色彩學:高可讀性配色對比度檢查,杜絕門牌顏色之亂• 鷹眼觀察 - 鷹眼觀察
「罪夢者」許光漢擔任一日店長瑞士美度表臺南新光三越西門店開幕 - U-car
三星展出革命性1000R 曲面螢幕攻佔B2B 螢幕市場 - DIGITIMES
【活字印刷】走訪德國古騰堡博物館探究BAUHAUS排版美學之源 - 香港01
Windows 10 20H1 (Vibranium) 公眾預覽版本 Build 18975、18980、18985、18990 改進內容與已知問題 - iLog
基礎架構即程式碼工具Terraform大改語法,釋出最新0.12版本 - iThome Online
美國政府設計免費英文字型開放原始碼可自由下載| 聯合新聞網 - udn 聯合新聞網
【大器晚成】西化中文譯作多見 - 香港文匯報
〈財經週報-部會宣傳網紅風〉專家:避免過度行銷 導致政策失焦 - 自由時報電子報
是否Lambda一下? - iThome Online

微軟正開發沒有迴圈的程式語言Bosque - iThome Online

Powered by Google News

references[edit]