FontAwesome

61次阅读

共计 461 个字符,预计需要花费 2 分钟才能阅读完成。

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>

正文完
 0