Hey guys,
I’m using this Font “Libre Franklin – Regular” on my paragraph text. On my website, it looks much thicker than what’s shown in the google preview site. Can you help with this?
Website: http://www.ccyran.com/projects/rga-stories/
Google Fonts Preview:
https://fonts.google.com/?query=lib&selection.family=Libre+Franklin
To compare it, it’s Libre Franklin , 13px, on a dark background.
Thank you,
Chris
Hey Chris,
I tried comparing them, and the font looks the same to me. I noticed that your first two paragraphs had Rubik as their font family. Could it be that you were comparing those paragraphs with the Google Fonts Preview? The rest of the paragraphs have the font-family Libre Franklin.
Cheers,
Sarah
Hey Sarah,
Can you take a look at it now?
The paragraph on the right. The font weight is slightly thicker than how it should appear. Here’s a screenshot on google’s page using the same font in the body copy.
Best,
Chris
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-chrome .avia_textblock p { -webkit-font-smoothing: antialiased; }
Best regards,
Yigit
Hey Yigit,
That did the trick! Thank you! Out of curiosity, why was CSS needed for this?
Best,
Chris
Hi,
Because the Enfold hasn’t an option to change this property.
Best regards,
John Torvik