Reduce the weight of a Glyphicon

html css twitter-bootstrap fonts glyphicons
crmpicco picture crmpicco · Mar 9, 2017 · Viewed 7.7k times · Source

Is there a way to reduce the "weight" of Glyphicons?

I am using the "ok" Glyphicon <span class="glyphicon glyphicon-ok"></span> which displays like this:

enter image description here

Is there any way to reduce the weight to produce a thinner tick without reducing the font size? Changing the font-weight to lighter has no effect whatsoever.

Answer

Fadi Chamoun picture Fadi Chamoun · Mar 9, 2017

Using white stroke is a way to do it

-webkit-text-stroke: 2px white;

Related questions

vertical-align with Bootstrap 3

I'm using Twitter Bootstrap 3, and I have problems when I want to align vertically two div, for example — JSFiddle link: The grid system in Bootstrap uses float: left, not display:inline-block, so the property vertical-align doesn't work. I tried using …

Read More
Text-align class for inside a table

Is there a set of classes in Twitter's Bootstrap framework that aligns text? For example, I have some tables with $ totals that I want aligned to the right... <th class="align-right">Total</th> and <td …

Read More
Bootstrap NavBar with left, center or right aligned items

In Bootstrap, what is the most platform-friendly way to create a navigation bar that has Logo A on the left, menu items in the center, and Logo B on the right? Here is what I've tried so far, and it …

Read More