##為什麼要有這功能
自訂義文字功能允許網頁設計者使用特定的字型，以提升網頁的美觀度和可讀性。使用自訂義字型能使網站在視覺上更具吸引力，增強品牌形象。透過 CSS 中的 @font-face 規則，我們能夠引入和使用多種字型，使設計更加多樣化，並能根據不同的用戶需求進行個性化設計。
##核心結構
@font-face：CSS 規則，用於定義和引入自訂義字型。
font-family：設置使用的字型名稱，供 HTML 元素引用。
src：指定字型的來源，允許使用本地或外部字型檔案。
##主要功能
引入多種字型：可以自定義多個字型，適應不同風格的需求。
增強可讀性：合適的字型設計可提高內容的可讀性，讓用戶更容易吸收信息。
品牌識別：通過獨特的字型來強化品牌識別，讓品牌形象更具一致性。
##注意事項
字型檔案大小會影響頁面加載速度，應選擇合適的字型格式。
確保在不同瀏覽器中測試字型顯示效果，避免顯示問題。
考慮無障礙性，選擇適合所有用戶的字型，尤其是有視力障礙的用戶。
##簡單範例應用
iThome鐵人賽
看影片追技術