iconfont在sketch中的下載安裝及icon不正常顯示的問題


跟着我的節奏一步一步來吧:

icon font的下載安裝:

1.首先打開sketch--插件--管理插件--獲取插件--搜索 icon font--點擊icon font---clone or download--下載的是一個sketch-iconfont-master.zip壓縮包

2.雙擊解壓sketch-iconfont-master.zip文件夾--雙擊iconfont.sketchplugin文件進行安裝

3.安裝完成后,在sketch--插件中可以看到Icon Font是下圖的樣子:

緊接着下載字體:

4.在下載icon font的頁面一直向下拉,會找到一個鏈接(下圖藍色鏈接),下載字體

 5.點擊藍色鏈接下載,會得到一個font-bundles-master.zip壓縮文件--解壓縮文件會得到一個font-bundles-master文件夾

6.在sketch中找到:插件--Icon Font--Install a Font-Bundles---找到font-bundles-master文件夾--選中文件夾--點擊open

7.在sketch找到:插件--Icon Font,界面如下圖:

 8.這個時候就安裝成功了,只是安裝成功了,這時候還不可以正常使用,如下圖:

 

9.把下圖的字體安裝到mac的字體冊中,步驟:(電腦上)啟動台--字體冊--添加字體--把下圖中紅色標注的字體安裝到字體冊中,安裝完成后如下圖才可以正常使用:

 

10.使用方法:

在sketch找到插件--Icon Font--Grid Insert--material--這個時候就可以看到好多的圖標

在畫板中直接插入到需要的位置即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM