When it comes to web design, there is a lot you can do with typography. One of the most important aspects of typography is font weight. Font weight is the thickness of the letters in a typeface. It is used to make text stand out or to give it extra emphasis.
There are different ways to specify font weight in CSS. The most common way is to use the keyword “bold”. This will make the text appear thicker than the surrounding text. If you want to make the text even thicker, you can use the keyword “bolder”. This will make the text appear even bolder than “bold”.
You can also use numeric values to specify font weight. The higher the number, the thicker the letters will be. For example, 400 is equivalent to “normal”, while 700 is equivalent to “bold”. You can also use values in between these two extremes, such as 300 or 800.
In addition to using keywords and numeric values, you can also use relative values. These are values that are relative to the parent element’s font-weight property. For example, if an element has a font-weight of 400 and its parent has a font-weight of 700, then the element will have a font-weight of 300 (400 – 100).
Relative values are often used when creating responsive designs. This is because they allow you to change the thickness of your text without having to change any other properties (such as font size).
One final thing to note about font weight is that not all fonts support every weight value. This means that if you try to use a value that isn’t supported by the font-family you’re using, then your browser will fallback to another font-family that does support that value — usually sans-serif or monospace fonts.