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>

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

查看所有标签

猜你喜欢:

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

码农书籍

Android和PHP开发最佳实践

黄隽实 / 机械工业出版社华章公司 / 2013-3-20 / 79.00元

本书是国内第一本同时讲述Android客户端开发和PHP服务端开发的经典著作。本书以一个完整的微博应用项目实例为主线，由浅入深地讲解了Android客户端开发和PHP服务端开发的思路和技巧。从前期的产品设计、架构设计，到客户端和服务端的编码实现，再到性能测试和系统优化，以及最后的打包发布，完整地介绍了移动互联网应用开发的过程。同时，本书也介绍了Android系统中比较有特色的功能，比如Go......一起来看看《Android和PHP开发最佳实践》这本书的介绍吧!

码农工具