这个是字体文件内容
将这些字体文件引入到vue3项目中 ,统一放在assets文件夹的fonts下,
在CSS中引入字体,全局样式中引入字体,确保路径./assets/fonts/SourceHanSansCN-Regular.otf与你放置字体文件的实际路径相匹配。
这个是全局使用,批量写入,然后批量使用。
@font-face {
font-family: 'Source Han Sans CN';
src: url('./assets/fonts/SourceHanSansCN-Regular.otf') format('opentype');
}
body {
font-family: 'Source Han Sans CN', sans-serif;
}
最后引入到main.js文件中即可。