http://www.fontawesome.com.cn/get-started/
使用 CSS
font-awesome
目录到你的项目中<head>
处加载font-awesome.min.css如下。<link
rel="stylesheet"
href="path/to/font-awesome/css/font-awesome.min.css">
使用 Sass or Less
使用 LESS or SASS 来个性化自定义Font Awesome 4.7.0
font-awesome/
目录到你的项目中。font-awesome/less/variables.less
或 font-awesome/scss/_variables.scss
然后编辑 @fa-font-path
或 $fa-font-path
变量来指定字体目录。使用Angular:
安装字体依赖文件
npm install --save font-awesome
如果使用css在你的项目的style.css中移入font-awesome.css
@import'~font-awesome/css/font-awesome.css';
如果使用less在你的项目的style.less中移入font-awesome.less
@fa-font-path: "../node_modules/font-awesome/fonts";
@import'~font-awesome/less/font-awesome.less';
如果使用scss在你的项目的style.scss中移入font-awesome.scss
$fa-font-path: "../node_modules/font-awesome/fonts";
@import'~font-awesome/scss/font-awesome.scss';
在需要的代码中直接引用class名称
<iclass="fafa-area-chart"></i>