美化 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
139會員
88內容數
小小的細縫裡,夢想的小苗也會萌芽。 我想在餘生中,體會生命的感動和奧秘。 透過仔細觀察,將發現世界不同的美好。 歡迎你來到 ~ ♡ Chloe 的小世界 ♡
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Chloe小窩 的其他內容
關於圖片 圖片是最快讓 Notion 的頁面增加色彩的,如果你只是想要自己使用,沒有商業用途,可能在網路上大量搜尋圖片下載使用,也不會有人特別說什麼,畢竟要查也很費勁,大部分人常用的不外乎 Google圖片、Pinterest,這裡也提供一些免版權的圖片網站,有的會有附加條件,建議大家在使用的時候
雖然 Notion 一直保持著極簡的美學,但我們總是想要追求一些變化的,這時你會開始研究各種模板、字體、蒐集圖片、icon、研究配色……。 然後就有一群人跳出來跟你說,「你太浪費時間在 Notion 上面了!」,或是「你知道電腦上面看很好看,但是手機看就不行了嗎?」等等的言論,但......你會理
關於圖片 圖片是最快讓 Notion 的頁面增加色彩的,如果你只是想要自己使用,沒有商業用途,可能在網路上大量搜尋圖片下載使用,也不會有人特別說什麼,畢竟要查也很費勁,大部分人常用的不外乎 Google圖片、Pinterest,這裡也提供一些免版權的圖片網站,有的會有附加條件,建議大家在使用的時候
雖然 Notion 一直保持著極簡的美學,但我們總是想要追求一些變化的,這時你會開始研究各種模板、字體、蒐集圖片、icon、研究配色……。 然後就有一群人跳出來跟你說,「你太浪費時間在 Notion 上面了!」,或是「你知道電腦上面看很好看,但是手機看就不行了嗎?」等等的言論,但......你會理
你可能也想看
Google News 追蹤
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
Notion 的 icon 功能提供了豐富的顏文字跟icon圖示可以使用, 但在正式文件或網頁發布時用顏文字有點不恰當, icon的顏色的選擇又只有十種,這時候可能會想要用自己上傳的logo檔案 要如何簡單的讓頁面更加豐富呢? 除了頁面 Page 以外, 還有
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
開始在Notion記錄生活跟工作也一年多了 我的版面也經歷過無數次調整與變化 從各種可愛小動圖到最近達到一個極簡狀態 雖然想要來記錄一下這一路上的改修思路, 不過找不太到以前的版本的截圖了 剛好最近我大整理了一下,將工作跟生活分開了 那就從現在這個時間點開始記錄吧!
Thumbnail
Notion 是個可以高度客製化的筆記、專案管理軟體,設計時,只要掌握幾個訣竅,就能助你事半功倍。歷經 8+ 個月專職製作 Notion 模板,加上長年使用 Notion 來輔助工作的經驗,/我發現幾個設計模板主頁(Dashboard)時,能夠有效提升效率的小技巧。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
Notion 的 icon 功能提供了豐富的顏文字跟icon圖示可以使用, 但在正式文件或網頁發布時用顏文字有點不恰當, icon的顏色的選擇又只有十種,這時候可能會想要用自己上傳的logo檔案 要如何簡單的讓頁面更加豐富呢? 除了頁面 Page 以外, 還有
Thumbnail
近日有些夥伴在詢問我要如何使用 Notion 的多工畫面以及分享頁面的相關設置等等,因此今天就來導覽一下 Notion 介面以及我認為有哪些必做的設定調整,當然免不了還有滿滿的快捷鍵教學,請大家一定要看到最後,才不會錯過!
Thumbnail
使用 Notion 時,是不是常常在選 block 類別時花很多時間,搞的自己手忙腳亂呢? 如果是的話那我相信這篇文章能夠幫助到你!我整理了幾個我自己最常用的 markdown 語法分享給大家,不管是 windows 或是 mac 都適用喔!
Thumbnail
開始在Notion記錄生活跟工作也一年多了 我的版面也經歷過無數次調整與變化 從各種可愛小動圖到最近達到一個極簡狀態 雖然想要來記錄一下這一路上的改修思路, 不過找不太到以前的版本的截圖了 剛好最近我大整理了一下,將工作跟生活分開了 那就從現在這個時間點開始記錄吧!
Thumbnail
Notion 是個可以高度客製化的筆記、專案管理軟體,設計時,只要掌握幾個訣竅,就能助你事半功倍。歷經 8+ 個月專職製作 Notion 模板,加上長年使用 Notion 來輔助工作的經驗,/我發現幾個設計模板主頁(Dashboard)時,能夠有效提升效率的小技巧。
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
Notion以其強大功能廣受用戶歡迎,不僅提供豐富功能,還具備高度定制性,成為項目管理的理想選擇。 然而,其內建的進度條呈現似乎還滿單調的...所以這篇文章將介紹如何使用 Emoji 來豐富進度條設計,並提供多達22種的有趣組合! 讓你的任務進度管理以直觀形式展示,不僅增強視覺效果,更能增加成就感~
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。