使用font图标美化网站

nimaboke 2014-10-1 2588


有些网站的导航都有几个小图标



搜狗截图20141001130114.png



但是他又没有直接加载图片，这是怎么实现的呢？



搜狗截图20141001130156.png



原来这是font图标，用我的语言来说就是cssicon图标，说俗点，就是用css引用外部图标



首先做好准备工作。



在你的head标签里加入






<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

然后在http://fortawesome.github.io/Font-Awesome/icons/需找你喜欢的图标






搜狗截图20141001130426.png



点击你所倾心的



搜狗截图20141001130500.png



然后复制调用代码即可


小黎 评论：
瞎折腾。。。那和放在自己本地有什么区别呢。{smile:36}
吴尼玛 评论：
@小黎：{smile:29}减少了img请求
小黎 评论：
@吴尼玛：用得起独立服务器还在意那点请求？。。。还有这样只会拖慢页面加载速度。
小黎 评论：
@吴尼玛：不错那些图标不错。{smile:44}
收藏的用户（0） X
正在加载信息~
最新回复 (0)
返回
发新帖