嗨,我在我的网络应用程序中使用Mosk字体并托管这些字体 . 字体似乎通过font face和webpack file-lodader(.ttfs)正确加载 .

@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]'
          }
        }]
      },

这是在浏览器中显示的字体 .
Wrongly displayed font

image 2

您对如何修复或有什么问题有任何建议吗?

我通过使用另一台发电机部分地解决了这个问题但是,它并不完全是好的 . 我不知道为什么,但下面的图像,因为你可以看到一些字母比其他人更大胆 .

18px font-size