Font Awesome 图标库

Posted

tags:

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

Font Awesome 是一个非常方便的图标库。这些图片都是矢量图,以 .svg 文件格式保存。这些图标用起来就像字体一样。你可以使用像素单位来指定他们的大小,它们会继承父级html元素的字体大小。

有很过可爱的小图标

<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i>Delete</button>
</div>
</div>

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

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

Font Awesome 图标库

如何在页面中使用Font Awesome字体图标

在nuxt中引入Font Awesome字体图标库

如何在页面中使用Font Awesome字体图标

Font Awesome符号字体