css - 具有不同轮廓重量的图标 - 是否可以调整？

Question

我并排使用 3 个 Ionicons：

<ion-icon name="videocam-outline"></ion-icon>
<ion-icon name="attach"></ion-icon>
<ion-icon name="information-circle-outline"></ion-icon>

如下图所示，第一个图标看起来比其他图标更亮。

这是我可以调整的吗？

Answer 1

通过添加-webkit-text-stroke: desired pixels

您可以更改图标的笔划。

希望这是您正在寻找的

<ion-icon style="-webkit-text-stroke: 1px;" name="add"></ion-icon>