將svg圖片生成字體圖標

icomoon官網

第一步 生成字體圖標

生成字體圖標

第二步 下載字體圖標

在這裏插入圖片描述

第三步 如何使用字體圖標

將壓縮包解壓,並將style.css和fonts拷貝到項目中,在html文件中引入style.css在這裏插入圖片描述在這裏插入圖片描述

每個字體圖標的樣式class名稱

獲取字體樣式的名稱字體圖標的樣式名稱
在線生成後,可以修改每個字體圖標的名稱,可以選用自己的方式命名哦
另外,解壓出來的文件中,還有待demo字樣的文件及文件夾,這個可以再本地運行,是官網提供的示例

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章