inconfont的应用

 时间:2026-04-23 07:18:58

1、打开Iconfont-图标库的任何网站都可以(这里面竟然不让写机构名和网址,很遗憾),首先进行注册成为会员

inconfont的应用

2、添加需要的图标的方法,一个是搜索,另一个是在图标库里选择所需图标

inconfont的应用

inconfont的应用

3、鼠标移上图标,出现三个选项,选择加入“添加入库”

inconfont的应用

4、点击右上角的“库”图标

inconfont的应用

5、点击“添加至库”,新建库名,确认

inconfont的应用

inconfont的应用

6、点击“下载至本地”,本地会有一个文件夹

inconfont的应用

inconfont的应用

inconfont的应用

7、对我们有用的是5个文件,如下图:4个字体文件,1个样式文件。取出到自己的项目中的相应文件夹里

inconfont的应用

8、在文件里添加相应的样式文件。在样式文件里,变换字体路径。iconfont是comman样式,可以在其里面设置字体,字体大小,颜色等。其它class我们所需要的字体样式,可以设置每个字体的特殊样式

inconfont的应用

inconfont的应用

inconfont的应用

inconfont的应用

9、在html页面里,添加我们所需要的图标。iconfont是comman样式,必须添加,另一个icon-fenxiang是需要添加我们所需要的图标

inconfont的应用

10、看看我们运行的结果吧:)

inconfont的应用

  • 在ID2019中如何删除文字拼音
  • Ai怎样制作扭曲文字效果?
  • Axure怎样进行布尔运算
  • illustrator利用偏移路径制作轮廓字
  • Ai如何使用默认颜色和描边
  • 热门搜索
    重阳节手抄报简单又漂亮 元宵节手抄报图片 我爱我家手抄报 关于元宵节的手抄报 建党节手抄报简单内容 水的手抄报 爱国卫生手抄报 红领巾心向党手抄报内容 预防病毒手抄报 反邪教手抄报图片