Have you ever wished you could adjust how bold your font actually appears? In CSS, we are given this ability, but don’t get to excited because it doesn’t work as you expect. For example:
MY FONT (100weight)
MY FONT (200weight)
MY FONT (300weight)
MY FONT (400weight)
MY FONT (500weight)
MY FONT (600weight)
MY FONT (700weight)
MY FONT (800weight)
MY FONT (900weight)
As you can tell, the fonts thickness changes, but not as you would guess. Notice the lack of consistency with the change of font weights. This consistency will change with every computer you visit this site with. Why does it do this!! The answer does not lie within CSS, but within your computer. Despite the appearance of being able to actual manipulate a font, it can only access available fonts on your computer. So if I was using Arial as my font and only had regular and bold available, then all I would see is two different fonts-weights above. However, if I had 9 variations of Arial font weight installed on my computer, I would see the font as it SHOULD be, with a variation of weight with each line.
It is quite annoying that this is, in fact, the problem and that we cannot fix this, but hopefully one day, CSS will take on this capability…We could only hope…
For reference, to adjust font weight above, the code looks like this:
<span style=”font-weight: 500;”>MY FONT (500weight)</span>
Interesting post. I’m not a guru with web design, but I have an idea about how some css, htm, php code look and still I didn’t knew this about weight. Not that I’m using weight everyday …:)