1

最近，我使用安装程序提供的免费品牌 svg 图标、常规 svg 图标和纯 svg 图标为 Angular 11 项目安装了 npm包版本 0.8，它没有显示基于字体的图标选项进行安装。但是，除了将这些图标用作模块之外，我还希望以标准方式使用它们，例如：<span class="fas fa-chevron-left"></span>在 Telerik 组件中使用，例如：

export const items = {
    parents: [
        {
            text: 'Seguridad',
            icon: 'fa fa-shield',
            expanded: false,
            children: true,
            selected: false
        },

与fortawesome一起安装的唯一css文件是fontawesome-svg-core文件夹下的styles.css，它不包含图标。

作为一种解决方法，我还以这种方式安装了 fontawesome：

npm install font-awesome –save

然后，我将 scss 引用添加到 styles.scss 文件中，但这会复制库。

我怎样才能通过 fortawesome 实现这一目标？

谢谢

4

1 回答 1

1

我使用了模块化方法来安装/配置字体真棒，但没有尝试使用 CSS 方法。我已将 CSS 方法用于引导主题，因此一个建议是将样式添加到 styles.scss，如下所示：

@import "/path-to-fontawesome/css/fontawesome.css";

然后确保您的样式在 Angular.json 中：

"styles": [
    "src/styles.scss"
],

如果样式干扰了字体真棒模块安装，则卸载字体真棒包并尝试此方法并查看图标是否显示。

于 2021-06-18T04:39:45.083 回答