i use font-weight 400 but it looks bold

Envato Authors Theme Authors
, ,
1

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]
http://shomeka.com/ab/

Screenshot_2020-04-28 Abolire – Single Property HTML Website Template
Screenshot_2020-04-28 Abolire – Single Property HTML Website Template856×508 29.5 KB

Example 2 [look good]
https://demoapus.com/abolire/

Screenshot_2020-04-28 Abolire – Single Property WordPress Theme – Single Property WordPress Theme
Screenshot_2020-04-28 Abolire – Single Property WordPress Theme – Single Property WordPress Theme658×531 31.3 KB

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

Thank you.

2

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

3

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

4 
.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
5

It’s work . Thank you very much.