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>
Logo

快速构建 Web 应用程序

更多推荐