智能電視|html字體圖標怎么使用?分分鐘學會!

智能電視|html字體圖標怎么使用?分分鐘學會!

文章圖片

智能電視|html字體圖標怎么使用?分分鐘學會!

文章圖片

智能電視|html字體圖標怎么使用?分分鐘學會!

文章圖片

智能電視|html字體圖標怎么使用?分分鐘學會!

文章圖片

【智能電視|html字體圖標怎么使用?分分鐘學會!】智能電視|html字體圖標怎么使用?分分鐘學會!

文章圖片

智能電視|html字體圖標怎么使用?分分鐘學會!

文章圖片

智能電視|html字體圖標怎么使用?分分鐘學會!

1.字體圖標是什么?字體圖標簡單的說 , 就是一種特殊的字體 , 通過這種字體 , 顯示給用戶的就像一個個圖片一樣 。 如下圖:


2.字體圖標怎么使用?1)首先可以通過兩個網站進行下載字體圖標:
icomoon:
阿里圖標:
2)進入網站進行圖標的下載:
我們以icomoon網站為例 , 進入網站之后 , 選擇右上角的icomoon app

3)直接單擊想要的圖標:

4)選擇完成后 , 點擊GenerateFont-download

5)對下載完成之后的文件進行解壓 , 并將fonts文件夾放置需要使用的根目錄文件夾:

6)將下載的文件中的style.css文件打開 , 并將如下代碼 , 引入到需要使用的文件中:


7)將圖標放在一個標簽中 , 并打開下載文件中的demo.html文件 , 右側部分即為圖標對應的字體 , 我們復制到我們的文件中 , 并添加相應的字體樣式和大小等 。


8)最終展示效果:

9)如果想要更新字體圖標的話 , 選擇網站左上角的import icons

10)選擇之前下載文件中的selection.json文件

11)直接添加想要的圖標下載即可

    相關經驗推薦