這個單元會介紹 CSS 裡的一些針對「特殊字型」或部分瀏覽器特有的樣式，例如 font-stretch、font-kerning、font-smooth、font-variant、font-synthesis、font-feature-settings 等，這些樣式或許支援度不高，但如果字型支援或未來瀏覽器支援，將可以實現文字寬度微調、平滑化、變體、合成等效果。

影片重點：

• 00:00:48 font-stretch 文字寬度
• 00:02:53 font-kerning 文字間距微調
• 00:04:20 font-smooth 文字平滑化
• 00:06:32 font-variant 文字替代與變體
• 00:08:47 font-feature-settings 字型進階排版設定
• 00:09:56 font-synthesis 文字合成

相關參考：

• 教學文：CSS 特殊文字樣式
• 影片連結：https://www.youtube.com/watch?v=KAt6EMLf9-I

後記

前幾天去看了紙風車「燈怪」在高雄文化中心的演出，演出前主辦方發下去上千支「互動發光棒」，在劇團團長的介紹下，原本以為是聲控的方式來變色，後來才發現應該是用團控的方式，但至於是用什麼方式就不清楚惹 ( 可能是紅外線或無線電吧 )

更多參考：

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