定義字型是網頁排版中十分重要卻也常被忽略的功能，這個單元會介紹如何透過 CSS 的 font-family 使用通用字型，包含 serif ( 襯線字型 )、sans-serif ( 無襯線字型 )、monospace ( 等寬字型 )、cursive ( 手寫字型 ) 和 fantasy ( 奇幻字型 )。

影片重點：

• 00:00:53 什麼是通用字型
• 00:01:29 使用 font-family 設定字型
• 00:03:58 serif 襯線字型、sans-serif 無襯線字型
• 00:05:46 monospace 無襯線字型
• 00:07:05 cursive 手寫字型、fantasy 奇幻字型

相關參考：

• 教學文：font-family 設定字型
• 影片連結：https://www.youtube.com/watch?v=P1IVTJViUzc

後記

才剛準備完要去介紹 Gemini 的簡報，又發現 Gemini 這幾天再度更新：Gemini 可以讀取聲音或影片，產生字幕檔案啦！而且速度之快，過去我十分鐘的語音檔案，透過 OpenAI Whisper 轉檔也要花個五六分鐘 ( Macbook Pro M2 )，而且後續還要手動調整字幕，現在透過 Gemini 一氣呵成，太強大了....

直接做個多國語音字幕如何？？？

更多參考：

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