Font Awesome字体图标简单介绍

(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)下载:下载好后解压到项目文件下即可

Download

(5)图标对照表

http://www.runoob.com/font-awesome/fontawesome-icons-webapp.html

猜你喜欢

转载自570109268.iteye.com/blog/2418614