(1)前言
网页常用到图标,例如QQ,微信等图标.这里介绍个常用的实现方法--Font Awesome字
(2)简介
Font Awesome 是一套绝佳的图标字体库和CSS框架。
Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
要使用Font Awesome图标,请在HTML页面的 部分中添加以下行:
①国内推荐 CDN:
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
②海外推荐 CDN
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
注意:如果是练习用, 不用下载,直接在 html 文档头部引用 CDN 文件即可。
注意: 这里使用的是 4.7.0 版本。
(3)使用
如果是开发用,那么建议下载到项目里.注意位置要和css里引用路径对应.一般默认路径为项目的一级目录下.许多同学可能都会出现字体图标不显示的问题,这基本都是路径引起的
(4)下载:下载好后解压到项目文件下即可
(5)图标对照表
http://www.runoob.com/font-awesome/fontawesome-icons-webapp.html
.