国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

如何在項目中使用icon-font 圖標字體

NotFound / 2364人閱讀

摘要:圖標字體的使用,方法一可以在下載相應的圖表字體,官網為進去會提供的免費圖表,如果想要更多的圖表字體可選擇如圖所示選擇好需要的圖標后點擊右下角的生成圖標,生成后下來,下載好的文件會包含文件夾和文件文件,把文件夾和文件引入到項目中,文件需要根

icon-font 圖標字體的使用,

方法一:可以在icomoon下載相應的圖表字體,官網為:https://icomoon.io/ ?

進去會提供600+的免費圖表,如果想要更多的圖表字體可選擇Icon Library;如圖所示:

選擇好需要的圖標后點擊右下角的Generate Font生成圖標,生成后download下來,下載好的文件會包含fonts文件夾和css文件、demo.html文件,把fonts文件夾和css文件引入到項目中,css文件需要根據項目路徑做相應的字體路徑更改,然后在你要顯示的地方直接定義好你要用的圖標的類名即可,css中的偽類不動。

下面貼代碼:

方法二:在阿里巴巴矢量圖標庫獲取圖標,地址:http://www.iconfont.cn/plus/h...

同樣的查找到你需要的圖標,然后添加到你自定義的項目中,再下載至本地,下載好的文件如圖:

把四種字體文件和iconfont.css引入到項目中,如果不考慮項目大小和直接拷貝整個文件夾,附圖:

此時在你要用到圖標字體的地方有兩種方式引入圖標字體,一種為用該圖標的類名;如:

另一種為用該圖標的16進制碼;如: 

注意iconfont類不管哪種方法都不能去掉。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/108783.html

相關文章

  • 如何項目使用icon-font 圖標字體

    摘要:圖標字體的使用,方法一可以在下載相應的圖表字體,官網為進去會提供的免費圖表,如果想要更多的圖表字體可選擇如圖所示選擇好需要的圖標后點擊右下角的生成圖標,生成后下來,下載好的文件會包含文件夾和文件文件,把文件夾和文件引入到項目中,文件需要根 icon-font 圖標字體的使用, 方法一:可以在icomoon下載相應的圖表字體,官網為:https://icomoon.io/ ? 進去會提供...

    paraller 評論0 收藏0
  • 如何制作icon-font圖標

    摘要:首先可以去阿里巴巴矢量字體庫中下載你想要的圖標選擇格式為格式。打開這個網站這個樣子的,然后點擊右上角那個如下圖上面有一個紫色的點擊上傳你下好的圖標。鼠標箭頭表示選擇圖標。垃圾桶表示刪除圖標,一般選擇垃圾桶,點一下圖標就可刪除。 1、首先可以去iconfont.cn阿里巴巴矢量字體庫中下載你想要的圖標(選擇格式為SNG格式)。 2、打開iconmoon這個網站(這個樣子的),然后點擊右上...

    yexiaobai 評論0 收藏0
  • 如何制作icon-font圖標

    摘要:首先可以去阿里巴巴矢量字體庫中下載你想要的圖標選擇格式為格式。打開這個網站這個樣子的,然后點擊右上角那個如下圖上面有一個紫色的點擊上傳你下好的圖標。鼠標箭頭表示選擇圖標。垃圾桶表示刪除圖標,一般選擇垃圾桶,點一下圖標就可刪除。 1、首先可以去iconfont.cn阿里巴巴矢量字體庫中下載你想要的圖標(選擇格式為SNG格式)。 2、打開iconmoon這個網站(這個樣子的),然后點擊右上...

    bigdevil_s 評論0 收藏0
  • [盤點]項目可以怎么優化圖片

    摘要:雪碧圖雪碧圖就是把很多小的圖整合到一起,制作成一張比較大的圖,然后作為元素的背景圖片使用,定位到相應的圖片即可。除此之外,使用雪碧圖,有兩個個注意地方不要把頁面所有的圖片都合并,比如把整合會破壞的語義結構。 看似平常的事物,往往會蘊含的巨大的智慧。把看似平常的事物簡單做好,可能很正常。如果能把平常的事物做精,做細,這個不平常。 1.前言 每一個開發者在開發項目中,不可避免要和圖片打交道...

    lykops 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<