- 创建文件夹 存放字体 在src目录下创建font文件夹 ,字体放在这个文件夹下,命名为字体名(英文更好),并且创建font.css
- 在font.css中
@font-face {
font-family: 'TIME'; //自己定义
src: url('../font/SourceHanSerifCN-Regular.otf');
font-weight: normal;
font-style: normal;
}
- 在main中引入
import './assets/font/font.css'
- 最后在代码中使用
.year{ display: block; font-family: 'TIME'; font-size: 58px; font-style: italic; color: #000; text-align: center }