Ant Design Icon本地化(後臺系統應用)

本文主要解決:css

在內網/離網環境使用React+Ant Design進行項目開發時,Icon顯示異常問題;

離線使用IconFont步驟:node

1、先下載 iconfont 字體的方法:
1.訪問阿里巴巴適量圖標庫網址進行下載,http://www.iconfont.cn/
2.選擇「圖標庫---全部圖標」:

clipboard.png

3.能夠直接搜索想要的圖標:

clipboard.png

clipboard.png

2、 把下載的Iconfont放到antd項目裏:
一、把下載好的Icon放到antd 的iconfont文件夾下

clipboard.png

三、修改對應的引用目錄:
(1)修改node_modules/antd/dist/antd.css下對應路徑(把https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff換成本地路徑)

clipboard.png

(2)修改node_modules/antd/lib/style/index.css下對應路徑(把https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff換成本地路徑)

clipboard.png

從新啓動antd

(注:本文摘自紅蓮開夢裏)字體

相關文章
相關標籤/搜索