用vue做一款APP開發的時候,在本地文件中引入好font字體文件和字體CSS文件后,運行項目的時候總是提示:Failed to decode downloaded font:,字體圖標就顯示為一個方框,但是我檢查了好幾次確定不是引入路徑的問題,路徑都是對的,也百度了好久,始終沒有百度出來。
錯誤提示圖片如下:
就在我快絕望,想換個字體圖標庫的時候,我去看阿里適量圖標庫里面有個生成代碼的功能,如下圖:
然后,我把這個代碼復制到了fontcss文件中,奇跡出現了,這個字體解析不了的問題終於解決了。
原來的css字體文件截圖,如下:
用了阿里適量圖標庫網頁自動生成的CSSfont字體引入代碼截圖如下:
然后圖標就成功顯示了,哈哈哈,雖然不曉得這是為啥,但是至少解決了這個奇怪的問題。
字體顯示成功的項目截圖: