CSS3 字體導入 使用自定義字體可以為網頁增添獨特的視覺效果。當默認的字體無法滿足設計需求時，我們可以通過 CSS3 字體導入來引入自定義字體。在本文中，我們將介紹如何使用 CSS3 字體導入。 引入外部字體文件 在使用自定義字體之前，我們需要確保字體文件已經可以被訪問。可以將字體文件部署在網站的某個目錄下，或者使用外部資源鏈接來引用字體文件。下面是一個外部資源鏈接的示例：

@font-face {
font-family: 'Custom';
src: url('https://example.com/custom.ttf') format('truetype');
}

在上述代碼中，我們使用 `@font-face` 規則來定義自定義字體 `Custom`，并使用 `src` 屬性指定字體文件的鏈接地址。在 `format` 屬性中，我們使用 `truetype` 指定字體文件的格式為 TrueType 字體。 導入本地字體文件 除了使用外部資源鏈接，我們還可以使用本地字體文件來引用自定義字體。在這種情況下，我們需要將字體文件與 CSS 文件放置在同一個目錄下。下面是一個使用本地字體文件的示例：

@font-face {
font-family: 'Custom';
src: url('custom.ttf') format('truetype');
}

在上述代碼中，我們只需將 `url` 屬性指定為字體文件名，而不需要指定字體文件的路徑。 使用自定義字體 一旦定義了自定義字體，我們就可以在樣式中使用它了。下面是一個使用自定義字體的示例：

p {
font-family: 'Custom', sans-serif;
}

在上述代碼中，我們使用 `font-family` 屬性指定字體，當瀏覽器無法加載自定義字體時，將使用默認的 sans-serif 字體作為后備方案。 結論 通過 CSS3 字體導入，我們可以在網頁中使用自定義字體。無論是引入外部字體文件還是使用本地字體文件，都可以通過 `@font-face` 規則定義自定義字體，并在樣式中使用它。