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

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/

时间: 2024-11-10 15:53:29

Font Awesome(一套很棒的图标库)的相关文章

《Ext.net》处女作,本人也是处女座。吼吼(内容包括EXT自带图标库文件和Font Awesome图标库),笔记特别详细,适合刚刚自学的朋友。

完全处于自学啊,压力,不过好在有个asp.net的师傅.不过都数都是自己做,自己百度.程序员就应该多找度娘.能不麻烦别人就不要麻烦别人. 我自学的方式是:参考官网API.然后英文看不懂用有道翻译.然后多练习,结合项目一起做.最后才去问师傅. 官网API地址:http://examples.ext.net/ 参考学习资料地址:http://www.qeefee.com/article/extnet-learn-01-using-extnet-in-webform 这里面很详细,相信慢慢来一定能成为

2017.4.7 图标库Font Awesome的使用

1.Font Awesome 是一个非常方便的图标库.这些图标都是矢量图形,被保存在 .svg 的文件格式中.这些图标就和字体一样,你可以通过像素单位指定它们的大小,它们将会继承其父HTML元素的字体大小. 2.你可以将 Font Awesome 图标库增添至任何一个应用中,方法很简单,只需要在你的 HTML 头部增加下列代码即可: <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css

Font Awesome 图标库

Font Awesome 是一个非常方便的图标库.这些图片都是矢量图,以 .svg 文件格式保存.这些图标用起来就像字体一样.你可以使用像素单位来指定他们的大小,它们会继承父级HTML元素的字体大小. 有很过可爱的小图标 <div class="row"> <div class="col-xs-4"> <button class="btn btn-block btn-primary"><i class=&

如何合并两个图标库

http://blog.csdn.net/crystal6918/article/details/52994393 最近在项目中碰到了要合并两个icon库的需求:我们项目本来用的是bootstrap提供的glyphicons,但是现在需要用一个别的库的icon,想把这两个库合并在一起供项目使用,研究了一番后整理个教程吧~ 利用https://icomoon.io/app/#/select 这一工具进行这两种图标库的合并,操作步骤如下: 导入图标库 点击页面左上角的import icons,分别导

vue中引入.svg图标,使用iconfont图标库

阿里巴巴的iconfont是一个很好的图标库,海量的素材可以快速满足开发人员日常对图标的诉求,我们采用symbol引用,官方介绍 创建SvgIcon组件 <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> </template> <

最新的超棒免费图标字体(icon font)收集

今天我们收集了18套非常有特色的免费图标字体给大家,如果能够将它们应用到你的用户界面设计上,绝对是完美之极! 到底什么才是图标字体? 图标字体是字体文件,用符号和字形的轮廓(像箭头.文件夹.放大镜等) 代替标准的文字数字式字符.图标字体就像Dingbat fonts,是专门为用户界面设计,就像其它网站字体一样,使用[email protected]在web浏览器里展示.处理方式类似网站字体: 拥有跨浏览器支持(甚至是IE6,例如,使用@font-face渲染网页字体) 如果使用者调整他们的浏览器

Font Awesome奥森图标一套绝佳的图标字体库和CSS框架

迄今最完好的翻译版本-一套绝佳的图标字体库和CSS框架(奥森图标) Font Awesome 逐浪CMS官方版正式开放啦! 免费获取和使用就在:http://code.zoomla.cn/boot/font.html(非广告官方翻译版本,希望对广大开发者有用). 逐浪CMS已经完全支持Font Awesome奥森图标! Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. 一个字库,479个图标 仅一个F

Font Awesome 是一套绝佳的图标字体库和CSS框架

Font Awesome 是一套绝佳的图标字体库和CSS框架.http:/ /ww w.i is7.co m/b/slj/Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小.颜色.阴影以及任何可以用CSS的样式.要使用Font Awesome图标,请在HTML页面的 部分中添加以下行:国内 CDN:<link rel="stylesheet" href="https:/ /cdn.bootcss.com/font-awesome/4.7.0/css/

为网页设计师和开发者准备的20个很棒的JavaScript资源

JavaScript是一门应用广泛的计算机编程语言,一般具应用在Web浏览器中,大多用于客户端脚本以实现用户与服务器的交互.在游戏开发.移动应用.一些大型的服务器应用等开发进程中它在服务器端的应用也很广泛.这是一门基于原型编程的语言,其拥有第一类函数和类库.JavaScript首次由Netscape公司引入,由java公司进一步采用,并形成目前这伟大.资源众多的Web开发平台. 目前有很多的创作工具.资源等可供在开发时使用.考虑到种类如此繁多的工具,有些工具是容易或复杂的,有些是付费的,都各自承