以前，网页中，尤其是实现列表中的开头的小图标的时候，我会将psd中的小图标切成PNG透明图标，然后将li标签高度设置与图标高度一致来实现水平居中。
后来我发现iconfont，这种图标文字可以通过font-size来设置大小，用background来设置起颜色，比起透明的PNG图片，这个真的方便很多，而且体积也很小，现在已经可以在CSS中引入一个在线的图标库来实现了，很方便，比如
将图标库引入网页
然后调用
<I class="fa-fa-camera-retro"></I>
基本的写法是fa-图标名称
说明文档网站 http://fontawesome.dashgame.com
以前，网页中，尤其是实现列表中的开头的小图标的时候，我会将psd中的小图标切成PNG透明图标，然后将li标签高度设...
1. 引言 网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你...
网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你是不是会经常...
在网页布局中，我们往往会遇到下图所示的场景，让小图标和文字对齐 可能有的小伙伴会说，这个简单，直接给小图标设置左浮...
制作和使用favicon小图标 打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标，当网页被添加到收藏夹或者...
字体图标的使用(以阿里巴巴矢量图库为例） 1.字体图标是一些网页常见的小图标 字体图标的下载 和 引入 选择网站...
之前做项目中，使用的小图标都是使用字体图标，现在这个项目因为毕竟小，就想使用svg来展示svg。因为在学习的过程中...
今天小编给大家推荐常用网页小图标素材图片素材，这些常用网页小图标素材图片素材来自六图网，大家下载源文件可以在网站首...
浏览过网页的人都知道，网页中出了包含文字，图片等，通常情况下还包含一些小的图标，这些小图标对于切图人员来说可是一个...
上一篇Android使用Font Awesome显示小图标中我们学习了如何使用FontAwesome显示图标，这种...
本文标题：使用图标文字来替代网页中的小图标
本文链接：https://www.haomeiwen.com/subject/qjcsdxtx.html
网友评论