FontAwesome 图标 (::before) 太大了 0.5px答案

【问题标题】：FontAwesome icon (::before) is too big of 0.5pxFontAwesome 图标 (::before) 太大了 0.5px
【发布时间】：2018-10-15 17:18:07
【问题描述】：

我有一个 biiiig 设计问题。准确地说是 0.5 像素。我使用 FontAwesome 作为我的图标，我注意到图标（当 font-size 设置为 14px 时应该是 14x14px）是 14x14.5px。这意味着如果我的图标周围有一些padding，它不会完全居中，然后我应该设置.5px 的padding 来补偿。问题似乎来自 FontAwesome 的::before（<i> 标签确实是 14x14px）。关于如何解决这个问题的任何想法？

如果填充均匀，我会得到不均匀的尺寸：

使用不均匀的填充，我得到均匀的尺寸：

【问题讨论】：

我没有看到图标周围有任何填充。图标的尺寸不是一个完美的正方形，因此宽度和高度也不完全相同。中心问题只是一种光学效应。
您是否尝试过覆盖图标的样式？
@iamrobin。请检查新图像。填充必须不均匀才能使图标居中。
@SuperDJ 马上试试。
代码图片不行

标签： css font-awesome font-awesome-5

【解决方案1】：

A 在使用http://fusetheme.com 时遇到了类似的问题，原来主题具有i 的 CSS 样式。我没有重置i，而是选择使用span，它为我解决了这个问题。

也许这会帮助其他有类似问题的人使用自己的主题。

【讨论】：