在浏览器中错误显示的字体

Question

嗨，我在Web应用程序中使用Mosk字体并托管这些字体。字体似乎可以通过（.ttfs）的字体和webpack文件查找器正确加载。

@font-face {
    font-family: "Mosk";
    src: url(../_assets/fonts/Mosk_Typeface/Mosk_Medium_500.ttf) format("truetype");
    font-weight: 500;
}

用于ttfs的Webpack文件加载器。

 {
  test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
        use: [{
          loader: 'file-loader',
          options: {
            name: 'static/media/fonts/[name].[hash:8].[ext]'
          }
        }]
      },

这是浏览器中字体的显示方式。

您对如何解决它有什么建议吗？或者可能是问题所在？

我通过使用另一个生成器部分解决了该问题，但这并不完全好。我不知道为什么，但是下面的图片可以使您看到一些字母比其他字母大胆。