美化 Notion 第二章 - 字體變化

更新於 發佈於 閱讀時間約 5 分鐘

這是美化 Notion 的第二章,改變顯示的文字樣式,就可以增加整體的活潑度。

字型

Notion 本來有提供的三種字體,你可以點擊頁面右上方的 “●●●",就能在 Style 中找到 Default、Senf、Mono。

如果你真的想要不一樣的字體,可以參考下面一點的解說。

raw-image


字體大小

如果希望版面的字體整體小一點,可以點選 “Small text”。

如果希望自己變大,可以選擇不同的 Block 模式,例如就把它改成 “Heading 3”。目前還沒有提供直接由系統面板更改 Text 大小的方式。

字體樣式

基本的粗體、斜體、下劃線、刪除線等都是有提供的,這裡也分享快捷鍵,讓你編輯文章速度加快。

(Windows 系統使用 Ctrl = 蘋果系統都顯示 Command,因為我用微軟就以微軟說明。)

  • 粗體:Ctrl + B
  • 斜體:Ctrl + I
  • 下劃線:Ctrl + U
  • 刪除縣:Ctrl + Shift + S
  • 顯示為 code:Ctrl + E

顏色選擇

  1. 可以直接圈選(反白)想要更改顏色的字。
  2. 可以更改圈選字的背景。
  3. 當然也可以直接更改整個 Block 的顏色。
  4. 或是更改整個 Block 的背景顏色。
raw-image

不過第三行那種你可能看不出很大的差異 (項目符號那個部分有差異),加上其他效果,你就可以看到差異。例如下面這個 Block的效果。我將Block的顏色設置為灰色,前面的句子背景用橘色,後面的句子文字用橘色。

raw-image

簡而言之,更改顏色的部分主要區分為兩個層次,一個是針對字本身,另一個是針對Block。

以上都是 Notion 原本的設定可以達到的效果。

進階版 - 其他資源

使用 Instagram Fonts

這樣的資源很多,你可以隨意 Google 到提供服務的網頁,有需要可以參考 instafonts,這個頁面我看著比較舒服,容易篩選。

需要注意以下幾點:

  1. 這樣的形式是把文字本身變成符號,舉個例子,如果你把花體字放在 IG 中當作你的名字,這樣是無法直接用一般文字搜尋到你的頁面。
  2. 不是所有設備都是以相同的方式顯示這個符號,也就是當你辛苦做出來美美的模板,別人顯示的可能是另一個樣子。

不過如果我就是想要自己的 Notion 版面美美的,也沒有打算分享給其他人,那就用吧,這又不是要做什麼商業行銷,自己的東西愛怎麼折騰就怎麼折騰。

像這樣的例子不香嗎? ⒿⓄⓊⓇⓃⒶⓁ、ⓅⓇⓄⒿⒺⒸⓉ

使用 LaTeX

我之前整理過一篇 LaTeX 大全,這裡就不想要贅述相同的資料,你可以參考 "文字藝術

這裡提供一些範本,如果你喜歡不妨試試看,有些也可以達到 Instagram Fonts 的效果。

$\color{d08c60} {\utilde{\large \raisebox{1pt}{$A$} \ \ \raisebox{2pt}{$S$} \raisebox{1pt}{$k$} \raisebox{2pt}{$y$} \ \ \raisebox{2pt}{$F$} \raisebox{1pt}{$u$} \raisebox{2pt}{$l$} \raisebox{3pt}{$l$} \ \ \raisebox{1pt}{$o$} \raisebox{2pt}{$f$} \ \ \raisebox{0pt}{$S$} \raisebox{1pt}{$t$} \raisebox{0pt}{$a$} \raisebox{2pt}{$r$} \raisebox{1pt}{$s$}}}$
$\colorbox{355070}{\color{white}{ ⁂ \ ⁎ ⁑ \ *  \ ⁕ \ *  \ ⁑ \ ⁎ \ ⁂ }}$
$\colorbox{7d8570}{\color{white}{----- CHAPTER XX -----}}$
$\color{7f5539}{\utilde{\colorbox{f1dca7}{{𝄡 ♩~♪ ♫ 𝄪~♪♫♩~♬~♫♪♩}}}}$
$\colorbox{gray}{\color{white}\tt{💡 To Do }}$
$\substack{\textsf{\Huge\textbf{FLOWERY}}\\[-2.3em]\Large\color{white} {************ \ }\\[-0.1em]\Large\color{white} {*}\\[-0.1em]\Large\color{white} {}\ }$
$\substack{ \Huge \textsf{\textbf{\color{lavender}TITLE}}\\[-1.23em] \frac{\ \ \ \ \ \ \ \ }{}\ t\ i\ t\ l\ e\ \frac{\ \ \ \ \ \ \ \ }{} }$
$\substack{\Huge\color{lightblue}\textbf{Hello}\\[-1em]\Huge\text{Hello}}$
$\begin{array}{c:c} \color{DEAB90}\Large\mathbb{-~~~ SCHEDULE~~~-} \\ \color{DEAB90}\mathsf{- 09:00 --~~~ Wake~Up ~-}\\ \color{DEAB90}\mathsf{- 10:00 --~ Breakfast ~~-} \end{array}$
raw-image

上一篇我們討論了圖片的效果,這篇嘗試了文字的編輯與美化,不知道你是否還滿意目前的 Notion 頁面呢?如果還想要多一點的功能,請你期待一下下一篇關於 Widgets 吧!

協助工具

最後,我做了一個協助寫 LaTeX 的工具,如果沒有想要做出複雜的效果,可以參考 LaTeX 工具

留言
avatar-img
留言分享你的想法!
avatar-img
Chloe小窩
183會員
121內容數
小小的細縫裡,夢想的小苗也會萌芽。 我想在餘生中,體會生命的感動和奧秘。 透過仔細觀察,將發現世界不同的美好。 歡迎你來到 ~ ♡ Chloe 的小世界 ♡
Chloe小窩的其他內容
2025/04/11
📘 有系統學習,才能走得更深、更穩。現在就開始,打造你的個人知識地圖吧!
Thumbnail
2025/04/11
📘 有系統學習,才能走得更深、更穩。現在就開始,打造你的個人知識地圖吧!
Thumbnail
2025/03/28
五種利用 Notion Formula 2.0 製作習慣追蹤熱力圖的方法,並針對每種方式說明資料庫與欄位的設置、公式、注意事項等。
Thumbnail
2025/03/28
五種利用 Notion Formula 2.0 製作習慣追蹤熱力圖的方法,並針對每種方式說明資料庫與欄位的設置、公式、注意事項等。
Thumbnail
2025/02/20
如何使用 Notion Formula 2.0 製作數據視覺化圖表的範例和練習,包含格子柱狀圖、直方圖、數值追蹤圖(似折線圖)和圓餅圖。
Thumbnail
2025/02/20
如何使用 Notion Formula 2.0 製作數據視覺化圖表的範例和練習,包含格子柱狀圖、直方圖、數值追蹤圖(似折線圖)和圓餅圖。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
在過去兩年中,我持續運用 Notion 進行個人管理,個人管理的模板也逐漸定型,藉此分享個人管理模板的使用心得。
Thumbnail
在過去兩年中,我持續運用 Notion 進行個人管理,個人管理的模板也逐漸定型,藉此分享個人管理模板的使用心得。
Thumbnail
經過前兩篇文章(Notion 是什麼?你適合使用 Notion 嗎、Notion 介面一覽及必備設定)的介紹,相信大家對 Notion 的功能及介面有了大致的瞭解,這次想要與大家分享的是我認為 Notion 中最具代表性的功能,Database。
Thumbnail
經過前兩篇文章(Notion 是什麼?你適合使用 Notion 嗎、Notion 介面一覽及必備設定)的介紹,相信大家對 Notion 的功能及介面有了大致的瞭解,這次想要與大家分享的是我認為 Notion 中最具代表性的功能,Database。
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
Thumbnail
Creative Coding 作品變化概念,有或沒有的差別,隨機性,色彩模式的調整...等
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News