vue中使用自定义字体

1、在scss文件内引入,且将scss文件导入到全局,一般都是将自定义字体作为一个单独的scss文件存放,再将该字体文件导入到全局的样式文件内,@import url('./font.scss');,再将全局样式scss文件导入到全局main.js内

点击查看代码
@font-face {
  font-family: 'Source Han Sans SC';
  src: url('服务器存放字体的地址');
}

2、在vue组件内使用
font-family: "Source Han Sans CN";

posted @ 2022-08-17 16:00  ~城南花已开~  阅读(951)  评论(0编辑  收藏  举报