為什麼我導入的字體在 CSS 中不起作用？

在 CSS 中匯入字體：綜合指南

自訂字體為您的網頁設計增添一絲個性和獨特性。然而，確保所有用戶（無論其設備如何）都可以存取這些字體可能是一個挑戰。一個有效的解決方案是使用 CSS 導入字體。

問題：持續的字體問題

使用者在使用 CSS 匯入字體時遇到困難。儘管遵循傳統方法，該字體仍然無法存取。以下是他們的程式碼片段：

<code class="css">@font-face {
    font-family: EntezareZohoor2;
    src: url(Entezar2.ttf) format("truetype");
}

.EntezarFont {
    font-family: EntezareZohoor2, B Nazanin, Tahoma !important;
}</code>

答案：完善CSS 程式碼

要成功在CSS 中導入字體，請遵循以下準則：

<code class="css">@font-face {
    font-family: 'EntezareZohoor2';
    src: url('fonts/EntezareZohoor2.eot'), url('fonts/EntezareZohoor2.ttf') format('truetype'), url('fonts/EntezareZohoor2.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#newfont {
    font-family: 'EntezareZohoor2';
}</code>

關鍵修改：

1. URL 中的檔案副檔名： 在每個檔案的src 屬性中指定正確的檔案副檔名（例如.eot、. ttf、.svg）字體格式。
2. 字型系列引號： 在字型系列名稱兩邊使用單引號或雙引號。
3. 後備字體： 包含後備字體（例如 B Nazanin、Tahoma），以確保跨瀏覽器和裝置的相容性。
4. 字體應用程式的 CSS 選擇器： 定義套用匯入字體的特定 CSS 選擇器（例如 #newfont）到網頁上的元素。

透過實作這些調整，您可以在 CSS 設計中有效地利用自訂字體，確保您的字體對於所有使用者來說都易於存取且具有視覺吸引力。

以上是為什麼我導入的字體在 CSS 中不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！