Font-Awesome

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

它跟阿里矢量库不一样的是:他不须要引入一些繁琐的文件。只须要几个命令就能够直接使用icon图标npm

方法一 : css导入sass

<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 为您的字体目录less

示例:svg

想要实现以下效果:字体

图片描述

就能够这样写:google

<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>
相关文章
相关标签/搜索