下载字体库HYLEMIAOTIJ.ttf
新建css.css文件在static目录
在根目录:
新建font.html文件
把css文件引入到html文件中
css.css文件内容:
@font-face{
font-family:'汉仪乐喵体简';
src:url(./HYLEMIAOTIJ.ttf);
}
.web-font{
font-family:"汉仪乐喵体简";
}
用的时候直接用class就可以》
font.html文件内容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="./static/css.css" />
<title>my-project</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
这样用的话比较大,字体库
所以安装全局font-spider
npm install font-spider -g
然后font-spider ./font.html 运行一下,字体库就变小了,大的被隐藏到.font-spider目录下了,出现如下表示成功。