本文介绍了如何在不同的项目环境中（如CSS、Sass、Less和Angular等）使用Font Awesome图标字体库。提供了详细的步骤说明，包括如何安装、配置路径及在项目中引入所需的样式文件。
font-awesome
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">
- 查看 案例 以获取 Font Awesome 的使用方法。
使用 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>
扫一扫
211
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
