i use font-weight 400 but it looks bold

Hello Friends,

One of my project, I use font-weight 400 but it looks bold. How can I solve this problem?

Please see the different:

Example 1 [my project]

Example 2 [look good]

Example 2 use the same font-family,font-size and font-weight.

Thank you.

It’s the font size. Assuming under 14px, it β€œlooks” a bit bold but you can try to use β€œ200/light” for the smaller fonts

Hello Ki-themes,
Thank you very much for your response.
I use lora google font. 200 is missing on Lora.
see https://fonts.google.com/specimen/Lora

.css-class {
-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac in Chrome/Webkit based browsers. */
-moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */
1 Like

It’s work . Thank you very much.