为什么 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。请包括对该站点的引用,以便对其进行调查。
更新:
- 尝试删除
fa-2x
class.
- 如果这不起作用,请检查浏览器中的元素并检查计算样式选项卡中的字体大小,以查看应用的大小和应用的位置。
如果您在 <i>
中使用 fontawesome 时遇到问题,您可以尝试在 <span>
或任何其他更适合您的项目的元素中使用它。
如果您有响应式文本,那是我唯一能想到的会使图标变大的方法。
我会尝试更改该特定图标的字体大小,为其分配一个 ID 并查看其变化情况。
或者,如果 i 标签是问题所在,您可以将不带 i 标签的 类 分配给跨度。
我在可嵌入的 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。请包括对该站点的引用,以便对其进行调查。
更新:
- 尝试删除
fa-2x
class. - 如果这不起作用,请检查浏览器中的元素并检查计算样式选项卡中的字体大小,以查看应用的大小和应用的位置。
如果您在 <i>
中使用 fontawesome 时遇到问题,您可以尝试在 <span>
或任何其他更适合您的项目的元素中使用它。
如果您有响应式文本,那是我唯一能想到的会使图标变大的方法。
我会尝试更改该特定图标的字体大小,为其分配一个 ID 并查看其变化情况。
或者,如果 i 标签是问题所在,您可以将不带 i 标签的 类 分配给跨度。