码迷,mamicode.com
首页 > 其他好文 > 详细

如何使用图标库

时间:2020-04-18 21:21:35      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:详细   bsp   代码   src   更改   样式   地方   www   icon   

https://icomoon.io

进入之后点击右上角技术图片

 

 进去之后可点击选择所需要的图标,如果对图标大小或其他地方不满意可以点击左上方进行编辑。选择完成后点击右下角的技术图片

 

 然后点击download即可,回到下载位置进行解压,将里面的fonts文件夹复制一份至自己所需图标的文件夹中,再从解压的文件夹中复制以下代码至自己的css中技术图片

 

打开解压文件夹里的demo

技术图片

将所需图标的右边图形复制进自己所需位置

技术图片

 

 然后在加入了图标的盒子的css样式中加入

技术图片

 

 还可以通过代码对此图标更改颜色和大小,注意大小的更改通过font-size而不是width。

技术图片

 

 

 https://www.iconfont.cn

下载好之后解压文件夹里的demo会详细介绍如何使用

 

如何使用图标库

标签:详细   bsp   代码   src   更改   样式   地方   www   icon   

原文地址:https://www.cnblogs.com/echol/p/12728101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!