如何使用 @font-face 規則在 CSS 中正確匯入字體？

在 CSS 中匯入字體：綜合解決方案

在 Web 開發中，經常需要使用客戶端可能未安裝的字體電腦。為了實現這一點，CSS 提供了 @font-face 規則。但是，某些使用者可能會遇到所提供的程式碼片段的問題：

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

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

為了解決此問題，這裡有一個修改後的程式碼片段，它使用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>

In在此程式碼段中，@font-face 規則已使用以下規格正確定義：

• font-family：CSS 中使用的字體名稱，在本例中為“EntezareZohoor2”。
• src：字型檔案的來源，包括各種瀏覽器的多種格式。
• font-weight 和 font-style：定義字體粗細和樣式的可選屬性。

此外，newfont 元素被定義為透過設定其 font-family 屬性來使用 'EntezareZohoor2' 字體。透過遵循這些準則，使用者可以有效地在 CSS 中匯入字體並確保在客戶端電腦上正確顯示。

以上是如何使用 @font-face 規則在 CSS 中正確匯入字體？的詳細內容。更多資訊請關注PHP中文網其他相關文章！