VUE 全局引入字体
win11的字体预览和word中的字体显示的不一致,所以需要一个字体预览工具,查看真实的字体文件的效果
字体预览工具
https://soft.wsyhn.com/soft/FontViewOK601.exe
这个是将TTC字体包,解压为多个单一字体TTF
Convert TTC or DFONT to TTF online — Transfonter
引入字体
@font-face {
font-family: 'STSongti-SC'; /* 自定义字体族名称 */
src: url('../fonts/STSong-05.ttf') format('truetype'); /* 字体文件路径和格式 */
font-weight: normal; /* 字体粗细，可以是 normal、bold、bolder、lighter 或 100-900 的数值 */
font-style: normal; /* 字体样式，可以是 normal 或 italic */
}webpack chainWebpack 打包字体文件
config.module
.rule('fonts')
.test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/i)
.use('url-loader')
.loader('url-loader')
.options({
limit: 10000,
name: 'assets/fonts/[name].[hash:8].[ext]'
})
.end() 原文地址：https://blog.csdn.net/qq_31683775/article/details/143558692
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！