css - 如何在 Angular 中使用 FontAwesome 作为字体系列

标签 css angular font-awesome font-family

我想在我的 css 文件中使用 fontAwsome 作为 fontFamily,以更改 <li>在图标之后。

在普通的 HTML/CSS 中,我可以毫无问题地这样做:

ul li:not(:last-child):after {
font-family: 'FontAwesome';
content: '\f105';
font-size: 13px;
top: 0px;
right: 0;
position: absolute;
}

但是使用 angular 我无法访问我的 css 文件中的 FontAwesome。

在我的组件 html 中,我使用它没有任何问题:<fa-icon icon="home"></fa-icon> .

最佳答案

  1. npm i font-awesome
  2. 在您的 CSS 中导入:@import "~font-awesome/css/font-awesome.css"
  3. 在你的 html 中,你只需要做这样的事情:<i class="fa fa-home"></i>

关于css - 如何在 Angular 中使用 FontAwesome 作为字体系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58581228/

相关文章:

javascript - 无法使用 Angular 组件从API获取天气数据

Angular 鼠标单击并拖动水平滚动

html - 无法访问字体 awsome 的最大 CDN 链接

css - 如何在 JSF 中使用第三方 CSS 库,例如 Font Awesome?浏览器找不到 CSS 文件中引用的字体文件

javascript - 在每个页面上打印一个 HTML 标题

jQuery Mobile 正在删除我的类

html - sf-menu 下拉菜单不显示

javascript - 调整大小时 Div 移出窗口

typescript - 如何添加使用动态组件加载器创建的组件的表单值?

ruby-on-rails - 更新 LESS 代码后,Less 编译器不会更新 css 文件