美文网首页
Font-Awesome 学习随笔

Font-Awesome 学习随笔

作者: 智慧与力量的贤者 | 来源:发表于2017-10-25 20:42 被阅读0次

使用:

1. 基本语法

如:<i class="fa fa-weixin"></i> 微信

2. 改变相对于容器的大小

eg:

    <i class="fa fa-weixin fa-lg"></i>
    <i class="fa fa-weixin fa-2x"></i>
    <i class="fa fa-weixin fa-3x"></i>
    <i class="fa fa-weixin fa-4x"></i>
    <i class="fa fa-weixin fa-5x"></i>

效果:

image.png
  • 图标的显示需要依赖于 Font-Awesome 的字体库,所以光复制 CSS 文件是不够的,要把字体库(即 fonts() 文件下的所有东西)一起复制到项目目录下。
  • Font_Awesome 的图标其实也是字体,所以也可以使用 CSS 的文本属性来改变它的样式,如颜色等。

相关文章

  • Font-Awesome 学习随笔

    使用: 1. 基本语法 如: 微信 2. 改变相对于容器的大小 eg: 效果: 图标的显示需要依赖于 Font...

  • font-Awesome使用指南

    对font-awesome的理解: font-awesome和很多其他矢量字体图标一样,可以用在各响应式和移动端网...

  • 工具库

    1、Font Awesome 安装font-awesome a、npm install font-aweso...

  • 前端

    ## 常用资源 1. [图标-Font-Awesome](http://fontawesome.io/)、[For...

  • 字体图标积累链接

    http://www.bootcdn.cn/font-awesome/ http://apps.bdimg.com...

  • vue引入font awesome 及webpack打包后图标不

    vue引入font awesome的方法: npm install font-awesome --save 然后在...

  • Android资源

    1.UI资源 fontawesome- Font-Awesome图标。 material-design-respo...

  • 杂记

    杂记1、图标字体:http://www.bootcss.com/p/font-awesome/#integrati...

  • wpf 使用Font-Awesome图标字体

    1、http://fontawesome.io/ 中下载Font-Awesome字体 然后把字体文件fontawe...

  • 使用font-awesome

    网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。下面的小图标,你是不是会经常...

网友评论

      本文标题:Font-Awesome 学习随笔

      本文链接:https://www.haomeiwen.com/subject/uvecpxtx.html