uni-app 引入自定義矢量圖標(biāo)(iconfont)遇到的坑

今天在引入阿里的iconfont庫(kù)的時(shí)候,使用了Unicode方式引入,按照官網(wǎng)正常方式引入,圖標(biāo)卻怎么也不顯示。
找了半天,終于發(fā)現(xiàn)了錯(cuò)誤的地方,官方錯(cuò)誤。
下面是官方自動(dòng)生成的代碼:

@font-face {
  font-family: 'w-iconfont';  /* project id 2125247 */
  src: url('//at.alicdn.com/t/font_2125247_6usj258rmmf.eot');
  src: url('//at.alicdn.com/t/font_2125247_6usj258rmmf.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2125247_6usj258rmmf.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2125247_6usj258rmmf.woff') format('woff'),
  url('//at.alicdn.com/t/font_2125247_6usj258rmmf.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2125247_6usj258rmmf.svg#w-iconfont') format('svg');
}

注意一定要在前面加http:
只要改成這樣就可以了

('http://at.alicdn.com/t/font_2125247_6usj258rmmf.ttf') format('truetype')
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容