使用@font-face
属性可以为HTML文字添加自定义字体。以下是如何使用@font-face
属性的步骤:
.ttf
或.otf
格式。fonts
文件夹中。@font-face
声明来引用字体文件并定义字体的名称和属性。@font-face {
font-family: "custom-font";
src: url("../fonts/custom-font.ttf") format("truetype");
}
font-family
属性,并将其设置为自定义字体的名称。body {
font-family: "custom-font", sans-serif;
}
在上面的示例中,我们将字体文件放置在项目文件夹中的fonts
文件夹中,并在@font-face
中使用了相对路径来引用字体文件。我们还定义了字体的名称为custom-font
。最后,在body
元素中,我们将font-family
属性设置为"custom-font"
和sans-serif
,以便在自定义字体无法使用时回退到默认字体。
需要注意的是,在使用自定义字体时,要确保您有权使用该字体,并遵守字体提供商的许可协议。