I have a font with three weights: light, regular, bold. I would like to use light-weight for normal text and bold-weight for bold text.
Using font-weight: lighter doesn’t work in this case because it forces bold text to regular-weight, thus breaking bold functionality.
What is the correct CSS to achieve this?
<html>
<style>
p {
font-weight: lighter;
}
</style>
<body>
<p>Light weight, <b>bold weight</b></p>
</body>
</html>>Solution :
CSS:
p {font-weight: lighter;}
b, strong {font-weight: bold;}