Failed to decode downloaded fontVUE 引入字体没有效果解决Vue项目浏览器出现警告 F

Vue项目：出现警告 Failed to decode downloaded font...

版本号：

"dependencies": {
    "vue": "^3.5.12",
},
"devDependencies": {
    "@eslint/js": "^9.14.0",
    "@vitejs/plugin-vue": "^5.1.4",
    "@vue/eslint-config-prettier": "^10.1.0",
    "eslint": "^9.14.0",
    "eslint-plugin-vue": "^9.30.0",
    "prettier": "^3.3.3",
    "sass-embedded": "^1.81.0",
    "vite": "^5.4.10",
    "vite-plugin-vue-devtools": "^7.5.4"
}

字体转换

字体转换网址：transfonter.org/

字体使用 woff2 格式，其他删掉

@font-face {
  font-family: 'Alibaba-PuHuiTi-B';
  src: url('/fonts/Alibaba-PuHuiTi-B.woff2') format('woff2');
}