Vue - the introduction of font files

See blog: VUE SCSS @ font-face Path Problem

// base.scss document introduction path '~ @ / common /

@font-face {  
  font-family: 'WenYue-HouXianDaiTi';
  src: url('~@/common/style/fonts/WenYue-HouXianDaiTi-NC-W4-75.otf');
}

// .vue file

@import '@/common/style/base.scss';

.news-title {
  font-family: 'WenYue-HouXianDaiTi';
  font-size: $fs-17;
  color: $color1;
}