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 "可讀性" 相關新聞聯播
上海車燈展 隆達將發表Mini LED車載應用 - 經濟日報

跨越百年Baselworld變臉逆襲(4):Bell & Ross、ZENITH - 消費 - 自由時報電子報
Chrome Enterprise 73開始在macOS上支援暗黑模式 - iThome Online
【做書】文字與眼睛之間的微妙距離 - 橙新聞
巴塞爾鐘錶展搶先看BVLGARI大自鳴錶炫全球唯一 - 蘋果日報
【Gene思書齋】比爾蓋茲推薦必看!別活在石器時代 打破直覺偏誤發現世界更美好 - 風傳媒
聽力輔助字幕與聾導覽服務 兩廳院看戲無障礙 - udn 聯合新聞網
Zoho發表智慧助理Zia,為其辦公室套裝加入AI輔助功能 - iThome Online
3月7日三大報頭版要聞 - 中時電子報
學者力挺 中時報導具公信力 - 中時電子報
移動互聯網全景生態流量洞察報告:小程序成為逆襲工具? - Yahoo奇摩新聞
《不費力的力量》:孤寂並非孤單一人,而是「遠離狂亂的世界」 - The News Lens 關鍵評論網
【錶壇焦點】高CP值傑作再現!天梭Seastar 1000系列計時碼錶 - 鏡週刊 - 鏡週刊
《不費力的力量》:渺小的感覺,正是我認為在TED可以分享的東西 - The News Lens 關鍵評論網
我們為何需要一部大馬史?《馬來西亞:多元共生的赤道國度》 - udn 轉角國際
《人行道》導讀:「還好,有這樣一條人行道」,一本可讀性極高的民族誌 - The News Lens 關鍵評論網
選舉公報 可讀性大增 - Yahoo奇摩新聞
投保博士帶您讀《白皮書》之2017年度總報告 - 臺灣新浪網
《寶貝龍 Spyro the Dragon:重燃三部曲》 更新後帶來改善的字幕 - Gamereactor China
中新控股宣佈成功推出證券交易資產分類結算網路 - ACN Newswire
【做書】根深蒂固的字體尺寸——12pt字型思考 - 橙新聞
用耳聽、用手摸舞蹈!黃翊《長路》服務視障者 - udn 聯合新聞網
【圓方集】寫專欄十年誌(張宗永) - 香港蘋果日報
【讀家新聞】習總稱帝已一年,歷史倒車更凶險! - 852郵報
Angelababy為品牌助陣亮相中超開幕式眾球員參與 - 臺灣新浪網
AW文學獎公佈入圍短名單,入圍作品關注社會邊緣人 - 臺灣新浪網
[ MWC2019 ] Nokia 9 PureView 、Nokia 210 、 Nokia 1 Plus 、 Nokia 4.2 、 Nokia 3.2 一次發表 - 電腦王阿達
俞國基專欄:暗藏機鋒「眉毛」之用大矣哉-編輯台憶往》之十八--上報 - 上報
金鼎獎公布名單!今周刊獲最佳財經時事雜誌獎 - 今周刊
俄羅斯暢銷書在港成功發佈翻開中俄文化交流新篇章 - supermedia.hk
「局長」小姬的書單揭秘科幻創業者的精神動力 - 臺灣新浪網

【香港路牌】道路字體的謎思:不要忽視中文字體的可讀性|來稿|邱益彰|博評|香港01 - 香港01

Powered by Google News

references[edit]