vue3项目中引入字体文件

这个是字体文件内容

将这些字体文件引入到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文件中即可。