为什么 FontAwesome 图标的大小会膨胀?

Why are FontAwesome icons inflating in size?

我在可嵌入的 Web 数据可视化组件中使用 FontAwesome。所以,一个css、html和js的包,第三方可以嵌入他们的网站。

一切正常,除了 fontawesome 图标大小被夸大了。这是因为客户对 i html 元素有自己的 css 还是有其他原因?

更新

fa的一些典型用法:<i class="igv-app-icon fa fa-minus-square-o fa-2x" style="padding-right: 4px;">

这可能是因为 i 元素或 .icon class 的自定义 css。请包括对该站点的引用,以便对其进行调查。

更新:

  1. 尝试删除 fa-2x class.
  2. 如果这不起作用,请检查浏览器中的元素并检查计算样式选项卡中的字体大小,以查看应用的大小和应用的位置。

如果您在 <i> 中使用 fontawesome 时遇到问题,您可以尝试在 <span> 或任何其他更适合您的项目的元素中使用它。

如果您有响应式文本,那是我唯一能想到的会使图标变大的方法。

我会尝试更改该特定图标的字体大小,为其分配一个 ID 并查看其变化情况。

或者,如果 i 标签是问题所在,您可以将不带 i 标签的 类 分配给跨度。