【Vue2-uniapp】Vue引入iconfont失败原因-文件查找失败:【绝对路径错误】【OTS parsing error: invalid sfntVersion: 1008813135】

浏览器错误提示【说白了就是ttf字体文件下载失败,路径有问题,请更换为绝对路径】

Failed to decode downloaded font: http://localhost:8080/common/style/css/iconfont/iconfont.ttf
:8080/#/:1 OTS parsing error: invalid sfntVersion: 1008813135

/*
    1、由于当前项目为uniapp项目,绝对路径必须加@
    2、如果绝对路径不加@则会报错【Failed to decode downloaded font: http://localhost:8080/xxx/iconfont/iconfont.ttf】
*/

@font-face {
    font-family: "iconfont"; /* Project id 2898895 */
    src: url('@/common/style/css/iconfont/iconfont.woff2') format('woff2'),
    url('@/common/style/css/iconfont/iconfont.woff') format('woff'),
    url('@/common/style/css/iconfont/iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ETH:before {
    content: "\e60c";
}

猜你喜欢

转载自blog.csdn.net/weixin_43343144/article/details/121052971
今日推荐