为什么FontAwesome图标大小膨胀?

时间:2015-03-19 19:06:24

标签: css font-awesome

我在可嵌入的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;">

的一些典型用法

3 个答案:

答案 0 :(得分:0)

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

<强>更新

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

如果你有响应式文字,我唯一能想到的就是会导致图标大小增加。

我会尝试更改该特定图标的字体大小,为其指定一个ID并查看其更改方式。

或者,如果i标签是问题,您只需将没有i标签的类分配给跨度。