通过css为页面设置字体样式

2024-07-31 10:10:08 浏览数 (3)

本篇文章主要介绍通过css为页面设置字体样式

1.注册字体

首先需要注册本地字体

代码语言:javascript复制
@font-face {
  font-family: "MiSans-Normal";
  src: url("../style/fonts/MiSans-Normal.ttf");
}
2.设置字体

在需要使用的元素上使用font-family属性设置第一步中注册好的字体

代码语言:javascript复制
.bodyBox {
  font-family: MiSans-Normal;
}

此处的font-family名字为第一步中注册时的font-family对应的值

1 人点赞