@fortawesome/react-fontawesome 图标未调整大小

Posted 2023-02-21

【中文标题】@fortawesome/react-fontawesome 图标未调整大小

【英文标题】：@fortawesome/react-fontawesome icons not resizing

【发布时间】：2021-10-13 06:48:30

【问题描述】：

我正在使用 5.12.1 版本，突然像这样将样式应用于组件...

<section className="container-center">
    <FontAwesomeIcon icon="arrow-down" style= color: "var(--themeP)", style= fontSize: "1.5rem"   />
</section>

...不再工作。

我在另一个版本完全相同的项目中使用它，并且工作正常。我注意到它会自动应用fa-w-14 className，但实际上并没有应用这个类，这使得图标在没有样式的情况下显示得非常大。

我遇到的唯一解决方案是transform: scale(x)，x 是 size 的值。但这不是我想要的，因为它占用了原本应该填充的所有空间。

我也尝试从文档中插入道具size，但没有任何结果。

我的package.json相关的字体真棒模块是这样的：

"@fortawesome/fontawesome-svg-core": "^1.2.27",
"@fortawesome/free-solid-svg-icons": "^5.12.1",
"@fortawesome/react-fontawesome": "^0.1.9"

仅使用实心图标。 如果有人能对此有所了解，我将不胜感激。

【参考方案1】：

只需将fontSize 更改为width，解决方案非常简单。我仔细检查了我可行的 fontawesome 图标项目，我曾经声明fontSize。