1、在scss文件内引入,且将scss文件导入到全局,一般都是将自定义字体作为一个单独的scss文件存放,再将该字体文件导入到全局的样式文件内,@import url('./font.scss');,再将全局样式scss文件导入到全局main.js内
点击查看代码
@font-face {
font-family: 'Source Han Sans SC';
src: url('http://172.21.248.70/prod-city-digital-cockpit-service/brain-cockpit-static/fonts/SourceHanSansSC- Normal.otf');
}
2、在vue组件内使用
font-family: "Source Han Sans CN";