首页 > 解决方案 > React 应用 Svg 翻译中的 Font Awesome

问题描述

在反应应用程序中,我有工作字体很棒的图标。出于某种原因,font-awesome 开始将图标转换为 svg。我正在使用 css 方法。

svg 翻译

但是 fontawesome 将我拥有的所有图标转换为 svg,如上面的屏幕截图所示。我想以某种方式将其关闭。

我浏览了文档,发现有配置可以使用。 https://fontawesome.com/how-to-use/javascript-api/setup/configuration

可以像这样在主应用程序启动器中关闭它(使用配置)吗?

import fontawesome from '@fortawesome/fontawesome'

const App = () => {

fontawesome.config = { autoReplaceSvg: false }
...
return (
<>
 <ThemeProvider theme={Theme}>
....
</ThemeProvider>
</>
)
...

标签: reactjsiconsfont-awesome

解决方案


看起来问题可以通过使用css版本而不是js来解决。


推荐阅读