I'm working on a web project. I'd like to display a fonticon within some buttons and set the color to white. However it seems that changing the foreground color changes the weight of the icon. On this image, both the two buttons are the same classes and properties, only differs the color attribute.
I tried to overlay those two and the result shows that indeed those two width are slightly different which causes a huge difference when those are displayed in their real size.
Following this link I tried to play with those:
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
without any success.
Do you have any clue on any css property that may interfer with the thickness of those icons?
Is this related to the font itself ?
Aucun commentaire:
Enregistrer un commentaire