vue引入自定义字体otf、ttf字体的方法
1 在src/assets下新建font文件夹,文件夹中包含以下文件2 新建font.css@font-face {font-family:'ALPH';src:url('Alibaba-PuHuiTi-Regular.otf');}@font-face {font-family: 'YSBT';src:url('ysbthei.ttf');}3在项目中(main.js)引入刚刚加载进来的字体im
·
1 在src/assets下新建font文件夹,文件夹中包含以下文件
2 新建font.css
@font-face {
font-family:'ALPH';//自己随意定义的名字
src:url('Alibaba-PuHuiTi-Regular.otf');
}
@font-face {
font-family: 'YSBT';//自己随意定义的名字
src:url('ysbthei.ttf');
}
3 在项目中(main.js)引入刚刚加载进来的字体
import './assets/font/font.css'
在main.js、index.html、app.vue中引入font.css都可以。
更多推荐
所有评论(0)