我正在使用 font-awesome 开发 Angular 4 项目,我按照本指南使用 npm 安装库:如何将 font-awesome 添加到 Angular 2 + CLI 项目 https://stackoverflow.com/questions/38796541/how-to-add-font-awesome-to-angular-2-cli-project
我已将项目配置为使用 ng-serve 命令编译 scss 样式表,我的 angular-cli.json 样式路径如下所示:
"styles": [
"../node_modules/bootstrap/scss/bootstrap.scss",
"../node_modules/bootstrap/scss/main.scss",
"../node_modules/font-awesome/scss/font-awesome.scss"
],
我想制作一个带有地址卡图标的按钮,我也在使用 Bootstrap 4,所以它看起来像这样:
<button class="btn btn-sm btn-primary"><span class="fas fa-address-card"></span></button>
but when it loads, it looks like this:
您应该使用类 fa 而不是 fas。 fa 类设置字体。 (向@mike-hill 致敬)
查看源代码http://fontawesome.io/icon/address-card/ http://fontawesome.io/icon/address-card/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)