webpack打包ttf字体文件打包后无法加载的问题,显示failed to decode downloaded font

对字体文件进行打包的错误方式
1.使用file-loader，无法实现，而且还会导出一个多余的.bin文件（也没查到，那到底是啥东西）

            {
                test: /\.ttf$/,
                loader: 'file-loader'
            },

2.使用url-loader，效果同上

{
    test: /\.ttf$/,
    loader:'url-loader'
}

这两种方式，浏览器显示的都是下面的这种

在浏览器中打开控制台，会显示（根据这个在网上找了一堆的方法都无果）
failed to decode downloaded font

正确的打开方式：
使用asset/resource，反正是能用了！！！

{
    test: /\.ttf$/,
    type: 'asset/resource'
}