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

Font Awesome(一套很棒的图标库)

时间:2017-12-03 21:43:59      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:方法   路径   link   地址   矢量图   自己   详细   图标   code   

Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形,被保存在 .svg 的文件格式中。这些图标就和字体一样,你可以通过像素单位指定它们的大小,它们将会继承其父HTML元素的字体大小。

你可以将 Font Awesome 图标库增添至任何一个应用中,方法很简单,只需要在你的 HTML 头部增加下列代码即可:

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

当然也可以下载到本地使用,地址:http://fontawesome.io/   http://fontawesome.dashgame.com/ (中文网)

(link的路径根据自己下载保存的位置来定);

使用方式:

i 元素起初一般是让其它元素有斜体(italic)的功能,不过现在一般用来指代图标。你可以将 Font Awesome 中的 class 属性添加到 i 元素中,把它变成一个图标,比如:

<i class="fa fa-info-circle"></i>

使用案例:

官网给出了详细的使用案例哦(可以自己动手试试,真理来源于实践):http://fontawesome.io/examples/

 

 

 

Font Awesome(一套很棒的图标库)

标签:方法   路径   link   地址   矢量图   自己   详细   图标   code   

原文地址:http://www.cnblogs.com/cjx-work/p/7967265.html

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