引入字体包
从网上下载字体包,以.ttf结尾对的文件,去百度搜找到你需要的就行
将下载的文件放到静态资源目录下面即可。
2、编写font.css文件进行声明
@font-face {
font-family: 'DIN Alternate';
src: url('./DIN Alternate Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
3、全局引用
font.css文件需要在main.js文件中引入,否则不生效。
4、文件中使用
font-size: 'DIN Alternate'
至此,搞定,快来试试吧