1,先下载字体包:全套思源黑体合集.rar
2,解压后,找到相关的tts版,新建src/common目录,放置相关文件,如下:
3,在当前目录下新建font.css,用于加载字体,我这里用了两种字体,一个粗体,一个细体。
4,相关vue文件引入这个font.css:
<style lang="scss" scoped>
@import '../../../common/font/font.css';
</style>
5,在正文中直接引用。
<label style="font-family:FZCYJ_BLOD;font-size:68px;">你好</label>
<label style="font-family:FZCYJ;font-size:68px;">你好</label>