如何使用 @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中文网其他相关文章！