Font-Awesome

栏目: CSS · 发布时间: 6年前

内容简介:它跟阿里矢量库不同的是:他不需要引入一些繁琐的文件。只需要几个命令就可以直接使用icon图标复制 font-awesome/ 目录到你的项目中,打开 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件 ,然后修改 @fa-font-path 或 $fa-font-path 为您的字体目录想要实现如下效果:

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

它跟阿里矢量库不同的是:他不需要引入一些繁琐的文件。只需要几个命令就可以直接使用icon图标

方法一 : css导入

<link href="css/font-awesome.css" rel="stylesheet" />

方法二: 定义安装

npm install font-awesome-sass

复制 font-awesome/ 目录到你的项目中,打开 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件 ,然后修改 @fa-font-path 或 $fa-font-path 为您的字体目录

示例:

想要实现如下效果:

就可以这样写:

<i class="fa team-member-icons fa-facebook"></i>
<i class="fa team-member-icons fa-twitter"></i>
<i class="fa team-member-icons fa-google-plus"></i>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

增长黑客

增长黑客

Sean Ellis / 张溪梦 / 中信出版集团股份有限公司 / 2017-11-1 / CNY 59.00

脸谱网如何从默默无闻到坐拥二十几亿用户? 爱彼迎、优步何以在短短时间估值超过百亿美元? 领英怎样跨步成为全球领先的职业社交平台? 这些初创公司实现爆发式成长的共同奥秘就是增长黑客。 增长黑客是硅谷当下热门的新商业方法论,其精髓在于通过快节奏测试和迭代,以极低甚至零成本获取并留存用户。 作为最早提出“增长黑客”概念的理论先驱、带领Dropbox实现500%增长的实战领军......一起来看看 《增长黑客》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换