font-awesome用法

font-awesome的引用（在官网下载）
CSS — 字体的引入,图标基础样式,大小等
fonts — CSS需要引用字体文件夹,本地用户需要安装内部的 fontawesome-webfont.ttf(CSS引入字体)
基础样式用法

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

设置大小

<i class="fa fa-weixin fa-lg"></i>微信lg
<i class="fa fa-weixin fa-3x"></i>微信3x

 fa-lg比常规图标大33%,而2X~5x都是常规图标大小的倍数

固定大小： fa-fw用来固定大小
图标边框： fa-border 可以给图标加一个边框
pull-right和pull-left可以控制图标位置
图标动画：

<i class="fa fa-spin   fa-arrow-right"></i> fa-arrow-right-匀速旋转,2s一圈
<i class="fa fa-spin fa-spinner fa-pulse"></i>fa-spinner--一圈分为八次转完,时间1S

spin的速度是linear(匀速),一圈2spulse分为八步,一圈时间1S

图标旋转
fa-rotate-度数:来控制旋转的度数
fa-flip-horizontal:水平(90%)
fa-flip-vertical:垂直(180%)
重叠图标:合并图形

 <span class="fa-stack"><i class="fa fa-stack-2x  fa-bookmark-o"></i><i class="fa fa-stack-1x  fa-child"></i></span>随便找的两个图标合成

font-awesome用法相关推荐

python中font的用法_Python font.nametofont方法代码示例
本文整理汇总了Python中tkinter.font.nametofont方法的典型用法代码示例.如果您正苦于以下问题:Python font.nametofont方法的具体用法?Python fon ...
python中font的用法_使用Python库判断字符是否在字体里
在TrueFont字体里,使用Unicode来标记字符,但是Unicode是一个非常庞大的集合,所以考虑到适用性,一些字体只会选取Unicode的某一类字符设计字体,比如英文字体通常没有汉字,汉鼎简中 ...
java font_关于java中Font的用法
java.awt.Font 设计字体显示效果 Font mf = new Font(String 字体,int 风格,int 字号); 字体:TimesRoman, Courier, Arial等风 ...
iconfont阿里图标使用方法（Font Class用法）
1.先去iconfont官网下载图标选图标加入购物车 2.从购物车里下载代码(或者png.svg看需求) 3.下载解压后会有一个这样的文件夹把这三个文件重新创建一个文件夹放到项目的文件夹里(主 ...
css中的 font 与 font-size
前言:前段时间修改程序,看到以下代码. 不明白红色部分是什么意思~ body:last-child { font: 64%/133.5% "MS Pゴシック", sans-seri ...
python django web典型模块开发实战下载_Django实战 Python Web典型模块与项目开发
本书结合样例,介绍 Django 的基础知识.主要模块的开发以及权限管理等高级内容,并且通过图书管理系统.博客系统.车费管理系统 3 个项目的开发实战,使读者既能掌握 Django 的重要开发技术,又 ...
php矢量图图标,矢量图（字体图标）
矢量图(即放大不失真) 1.font awesome: 优点:相对比较简单,查看官网看例子基本上都会用 (http://www.bootcss.com/p/font-awesome/) 缺点:文件较大 ...
Markdown语法整理（详细版）
Markdown语法整理目录文章目录 1 概述 1.1 Markdown 1.2 Typora 2 标题和目录 2.1 标题 2.2 目录 3 段落和文本 3.1 缩进.对齐 3.3 斜体.粗体 ...
html网页课件,HTML网页制作-教学课件.ppt
* 第10章小结标签中的常用属性:name,action,method 输入元素的类型,各元素的属性 Text,password File Checkbox,radio Button,submit, ...
HTML网页部分怎么与上面隔开,HTML网页制作讲义.ppt
HTML网页制作讲义 * 第10章小结标签中的常用属性:name,action,method 输入元素的类型,各元素的属性 Text,password File Checkbox,radio But ...

font-awesome用法

font-awesome用法相关推荐

最新文章

热门文章