html里显示中文字体乱码的解决办法

遇到的问题： 在用webpack对自定义字体（网上下载的ttf字体文件）进行压缩打包时，遇到了页面显示英文正常，但是中文出现乱码的情况。 现象： 如图：world前的中文出现了乱码 现在来看webpack的相关配置： 这里对本地自定义的.ttf字体文件使用了file-loader加载器进行转码解析，没有问题。 上图这里是从网上下载的个性自定义ttf格式的字体文件 上图，这里是在样式文件中，对自定义字体文件的引入和设置，显而易见，问题也不是出在这里 经过一番查找资料，最终发现，html文件中缺了对content-type的设置，如下图：⬇️ 经过修改这里后，加上了meta属性配置，指定charset=utf-8,最终问题得以解决： 可见：你好的字体样式为非系统默认自带的字体类型，问题解决。。。