外部字体免费网址:字体网址
1. 首先下载外部字体包
找到自己想要的字体,点击下载
2. 在src/assets/下新建font文件夹 ,将下载的字体包放入
留下ttf文件就可以了,其他可以杉树
3. font下新建font.css,将字体包统一引入
@font-face {
/* 自定义的字体名车,调用该字体时使用 */
font-family: "Mastere";
/* 引用字体包 */
src: url('Comic.ttf');
font-weight: normal;
font-style: normal;
}
4. main.js全局引入
import '@/assets/font/font.css'
5. 项目中直接使用
<h4 style=" font-family: 'Mastere';color:#000;font-size:24px">Mastere</h4>
效果展示()