Font Awesome入门教程

Posted God is Love

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Font Awesome入门教程相关的知识,希望对你有一定的参考价值。

Font Awesome 图标

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">

   

注意: 不太建议下载来安装,直接在 html 文档头部引用 CDN 文件即可。

大图标

fa-lg (增加33)fa-2xfa-3x fa-4x,或 fa-5x 类用于增加相对于其容器的图标大小。

   

   

FontAwesome 很不错 的工具,以后得小图标可以这样使用很方便。

 

常用图标:

更多图标见:http://fontawesome.io/icons/

 

文章来源:刘俊涛的博客

地址:http://www.cnblogs.com/lovebing

欢迎关注,有问题一起学习欢迎留言、评论。

 

 

 

 

以上是关于Font Awesome入门教程的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0 引入font-awesome

Symfony 5 无法使用 Font Awesome 图标

Font Awesome setTimeout函数无法动画(Javascript)

在 nativescript-vue 中使用 Font Awesome

如何在 SwiftUI 中使用 Font Awesome 作为自定义字体?

如何在项目中使用 Font Awesome 图标作为 ImageButton 的图标