antd使用iconfont阿里圖標庫，在線或者離線引入本地js使用

在antd例子中看到使用方法了，問題是這個scriptUrl是怎么來的？這個其實是自己在阿里圖標庫中項目里的生成的一個鏈接。

另外有時，我們不想用網絡的，要引入用本地的js，也是可以的。具體操作如下：

　　

 

1.去圖標庫iconFont，登錄

 

2.在眾多庫中選擇需要的圖標，然后點擊入庫，點擊頁面右上角的購物車圖標，就可以看到剛入庫的圖標

 

3.然后添加到項目，沒有的可以在這步創建一個項目

 

4.在項目中，我們選中symbol這種，點擊旁邊查看連接，這個鏈接就是我們要用到的scriptUrl ，下面圖標我們都可以使用，只要復制圖標代碼，填寫在type就可以了；

 

 

使用網絡js

 

const IconFont = createFromIconfontCN({
  scriptUrl: 'http://at.alicdn.com/t/fontxxxxsssss.js',
});

 

使用本地js

1.先把網上js下載下來，在瀏覽器地址欄輸入也是上面說生成的scriptUrl 回車，就看到js代碼了，然后復制保存到js文件。（如abcIconFont.js） 

2.把abcIconFont.js放在public文件夾中，然后就可以在scriptUrl中寫本地的js了，直接寫即可，不需要加路徑。

 

const IconFont = createFromIconfontCN({
  scriptUrl: 'abcIconFont.js',
});