1.通過在線網站上傳制作

https://icomoon.io/

首先通過右上角的 IcoMoon App 進行創建.

?

除了網站提供的一些圖標 還可以通過Import Icons將本地的svg圖標文件進行上傳.

?

?圖標上傳成功后,通過右下角Generate Font生成

?

左邊的"e900"是代碼引用的名稱 然后通過download進行下載

下載完成后解壓 字體在fonts文件夾中

根據style.css文件將按照要求添加到自己的代碼中

?

2.通過在線鏈接添加

http://www.iconfont.cn

找到自己想要的圖標 添加到庫里

然后添加到項目中?查看在線鏈接

通過鏈接給出的方法?添加到自己的代碼當中.

需要注意的一點是如果是是本地引用的鏈接需要加http:

轉載于:https://www.cnblogs.com/renshengruge/p/6648499.html

總結

以上是生活随笔為你收集整理的IconFont的制作使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。