CSS font-weight thicker than 900?

user_297683 0
Viewed 45889

I have a panel which can be expanded or minimised through a vertically centred link with a < or > symbol as the link text. At font-weight: 900 this does not stand out much, even with a large grey background around it. I do not want to use an image and, at the current font size, both symbols currently take up the maximum width of the panel.

Is there any way to thicken the line on the symbols beyond 900? Or is there another alternative I could use?

Thanks in advance.

Richard

bold css html
6 Answers

You can use text-shadow instead of font-weight

text-shadow: 0px 1px, 1px 0px, 1px 0px;
user_100744380

Adding to Gogutz answer. You can use the currentcolor keyword to use the color of the text and avoid hardcoding it.

Like this:

text-shadow: 0.5px 0 currentColor;
letter-spacing: 0.5px;
user_47470420
Related