一.免费字体下载网址
1.https://www.dafont.com
2.https://font.chinaz.com/index.html
二.在assets下新建font文件夹,把字体文件放进去
三.在font文件夹下新建font.css,内容如下:
@font-face {
font-family: 'xxx';/*自定义字体名称*/
src: url('lednar.ttf');/*字体文件路径*/
font-weight: normal;
font-style: normal;
}
/*可定义多个@font-face 字体*/
四.使用
1.将样式引入
@import "../assets/font/font.css";
2.使用
font-family: xxx;