在現代網頁設計中，文字已經不再侷限於單一色彩。透過 Color Font ( 彩色字型 )，開發者可以控制彩色文字的各種顏色色盤，增添視覺趣味與品牌識別度，這個單元會介紹 Color Font，以及在 CSS 中使用 Color Font，還會透過 font-palette 與 @font-palette-values 設定與改變色彩。

影片重點：

• 00:00:48 認識 Color Font 彩色字型
• 00:02:34 取得 Color Font 彩色字型：Google Fonts
• 00:04:41 取得 Color Font 彩色字型：font space
• 00:05:12 讀取 Color Font 的色盤資訊
• 00:08:12 使用 @font-palette-values 和 font-palette
• 00:11:26 使用 @font-palette-values 和 override-colors
• 00:12:44 製作彩色文字顏色變換動畫

相關參考：

• 教學文：CSS color font 彩色字體
• 影片連結：https://www.youtube.com/watch?v=sM2pLAArDkI

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html