Font-Awesome

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

内容简介:它跟阿里矢量库不同的是:他不需要引入一些繁琐的文件。只需要几个命令就可以直接使用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>

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

查看所有标签

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

火的礼物:人类与计算技术的终极博弈(第4版)

火的礼物:人类与计算技术的终极博弈(第4版)

【美】Baase,Sara(莎拉芭氏) / 郭耀、李琦 / 电子工业出版社 / 89.00

《火的礼物:人类与计算技术的终极博弈 (第4版)》是一本讲解与计算技术相关的社会、法律和伦理问题的综合性读物。《火的礼物:人类与计算技术的终极博弈 (第4版)》以希腊神话中普罗米修斯送给人类的火的礼物作为类比,针对当前IT技术与互联网迅速发展带来的一些社会问题,从法律和道德的角度详细分析了计算机技术对隐私权、言论自由、知识产权与著作权、网络犯罪等方面带来的新的挑战和应对措施,讲解了计算技术对人类的......一起来看看 《火的礼物:人类与计算技术的终极博弈(第4版)》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试