首页 / FONT AWESOME / Font Awesome使用简介

Font Awesome使用简介

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Font Awesome使用简介，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含698字，纯文字阅读大概需要1分钟。

内容图文

?

Font awesome 是一种用字体来实现图标的 CSS 插件。

使用方法：

  1. 到 http://fortawesome.github.io/Font-Awesome/ 下载代码包。
  2. 代码包解压到本地后，结构如下

    技术分享

  3. 在网页中引用 css/font-awesome.css 或者 css/font-awesome.min.css

    比如：

    <link rel=‘stylesheet‘, href=‘font-awesome-4.3.0/css/font-awesome.min.css‘/>

  4. 在网页中用如下的方式来显示图标。

    <i class="fa fa-camera"></i>

    效果如下 :

    技术分享

    ?

    既然是一种字体，就可以通过改变字体颜色和字体大小等属性来控制图片的显示方法。

<div>

<i class="fa fa-camera" style="color:green;font-size:20px;"></i>camera

</div>

?

效果如下：

技术分享

还可以旋转，加动态效果，更多例子可以参见：

http://fortawesome.github.io/Font-Awesome/examples/

?

  1. FontAwesome 目前包含的所有图标列在这里：

    http://fortawesome.github.io/Font-Awesome/icons/

    ?

原文：http://www.cnblogs.com/time-is-life/p/4624925.html

内容总结

以上是互联网集市为您收集整理的Font Awesome使用简介全部内容，希望文章能够帮你解决Font Awesome使用简介所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1322430.html

来源：【匿名】