Lazy loaded image
技術分享
如何修改Notion web 的字型及大小
字数 378阅读时长≈ 1 分钟
2024-4-12
2024-4-13
9

問題描述

在Chrome裡的Notion(簡稱Notion Web),它的文本的文字真的很小,讀起來非常吃力。 於是在想是否有什麼方法可以只放大文本的文字就好,而不影響其它的配置?

試過的方法

  1. Chrome內建縮放功能
    1. 這是最簡單的方法,只要Ctrl加+或-就可以放大縮小整個頁面。但沒有辦法只針對文本的文字放大縮小,所以放棄此方法。
  1. Zoom Text Only
    1. 不同Chrome內建的縮放功能,這是一款可以只放大文字的擴充。只要在它的放大鏡的圖示點一下,就會出項以下的界面
      notion image
      在按“+”或“-”就可放大縮小。
      但是,都會影響全部的文字所以不符合需求。

目前的解法-Stylebot

Stylebot是一款Chrome的擴充,它不止可以修改文字大小,還可以修改整個頁面的外觀。它的背後原理是利用再次強制修改css一些參數,比如字型、字體大小、背景等等。如果要自己修改,就需要css的一些知識,不然就直接套用別人寫好的。
以下是我把文本的字體改成24px的範例

css

div.notion-page-content{ font-size: 24px; }
CSS
 

更進階的改造-Stylus

Stylus(Chrome extension) 直接修改裡面的樣式
這有前人寫好的style: Styles - UserStyles.org Archive
上一篇
嘉信入金免手續費
下一篇
Draw and find symbol

评论
Loading...