本文主要解決:css
在內網/離網環境使用React+Ant Design進行項目開發時,Icon顯示異常問題;
離線使用IconFont步驟:node
1、先下載 iconfont 字體的方法: 1.訪問阿里巴巴適量圖標庫網址進行下載,http://www.iconfont.cn/ 2.選擇「圖標庫---全部圖標」:
3.能夠直接搜索想要的圖標:
2、 把下載的Iconfont放到antd項目裏: 一、把下載好的Icon放到antd 的iconfont文件夾下
三、修改對應的引用目錄: (1)修改node_modules/antd/dist/antd.css下對應路徑(把https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff換成本地路徑)
(2)修改node_modules/antd/lib/style/index.css下對應路徑(把https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff換成本地路徑)
從新啓動antd
(注:本文摘自紅蓮開夢裏)字體