vue引入自定义字体

1.在网上搜索你需要的字体，并且下载你所需要的字体包（.ttf / .otf)

2.在公共文件common里面新建font文件，在font文件里面新建font.css 和将下载的字体包（.ttf / .otf)拖到font文件夹下

@font-face{
font-family: bebas;
src: url("…/…/common/font/bebas.ttf"); // 字体包路径
}

3. 在main.js里面引入css

import “…/common/font/font.css”

4.在需要的页面按照平常使用即可：

例如：
font:.normal 28rem bebas；