CODEWITHSUNDEEP
htmlcss
Norman
Norman

Reputation: 6365

Adjusting font-weight:bold

I'm currently using {font-weight:bold} for an Arial font, but it seems to be too thick. Can I make things a little thinner? I cant find any other method to do it. I've used {font-weight:400} - Specifying in increments of 100. But it's the same thing. Too thick. Any other way to make a font a bit bolder than the other text?

Upvotes: 2

Views: 1910

Answers (4)

Maya
Maya

Reputation: 1

Try this:

strong {
font-weight: normal;
color: #000;
text-shadow: 0.6px 0px 0px rgb(64, 64, 64);
letter-spacing: 0.6px;
}

Try a different colors and text shadow parameters and letter spacing.

Upvotes: 0

Scott Selby
Scott Selby

Reputation: 9580

There are many many many fonts that look like Arial that you can play with , some are bolder then others ,

Try looking for a font In Google WebFonts and you can attach it into your css to ensure it will work in every browser

Upvotes: 4

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201886

The Arial font has no typeface with a weight between normal (400) and bold (700). Some other fonts do. So you might choose a different that either has an in-between weight or has a bold typeface that suits you needs and eye.

For example, the Google fonts Source Sans Pro and Open Sans are more or less similar to Arial, and both of them have a semi-bold (600) typeface.

It is possible to create sort-of fake bolding of different degrees using text shadowing, with the color being the same as text color, in CSS, e.g. text-shadow: 1px 0 black. But the result is poor. Genuine bolding is rather different from such artificial thickening of strokes.

Upvotes: 1

DidoSaidi
DidoSaidi

Reputation: 131

Sorry man, but Arial Bold is not too thick as you say, It's just "Bold". (Arial Black or Alfa Slab is what then?). But if YOU feel it's too thick for you, you can try a webFont that have a light style and then you can use the regular one as as your Bold style.

Upvotes: 0

Related Questions