首页 > 其他分享 >vue中使用自定义字体

vue中使用自定义字体

时间:2022-08-17 16:14:07浏览次数:73  
标签:scss 导入到 vue 自定义 文件 字体 font

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";

标签:scss,导入到,vue,自定义,文件,字体,font
From: https://www.cnblogs.com/linglongmi/p/16595554.html

相关文章