css字体引入

最新推荐文章于 2025-03-17 00:11:21 发布

Ezr-

最新推荐文章于 2025-03-17 00:11:21 发布

阅读量516

点赞数

文章标签： css html 前端 css3 html5

本文链接：https://blog.youkuaiyun.com/m0_70877859/article/details/125858612

版权

@font-face是CSS3的一个模块，允许开发者在网页中使用非标准字体。通过定义字体名称和路径，你可以将自定义字体嵌入网页，不再局限于有限的Web安全字体。语法包括font-family指定字体名，src定义字体源，可选的font-weight和font-style属性控制加粗和斜体。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@font-face是css3中的一个模块，他主要是要把直接定义的web字体嵌入到你的网页中，随着@font-face模块的出现，我们在web的开发中使用字体不怕只能使用web安全字体（@font-face这个功能早在ie4就支持）

@font-face的语法规则：

@font-face{
font-family:<YourWebFontName>;注：填写为自己的字体名字
    src:<source>[<format>][,<source>[<format>]]*;
    [font-weight:<weight>];   可选，加粗
    [font-style:<style>];     可选，斜体
}

@font-face语法说明：
1.YourWebFontName：此值指的就是你自定义的字体名称，最好使用你下载的默认字体，他将被引用到你的web元素中的font-family.如“font-family:"yourwebfontname";”
2.source:此值是你自定义的文字存放路径，可以是相对路径也可以是绝对路径；