Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #775225

    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

    #775250

    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

    #775260

    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.

    https://ibb.co/dSVHMQ

    Best,
    Chris

    #776071

    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

    #776136

    Hey Yigit,

    That did the trick! Thank you! Out of curiosity, why was CSS needed for this?

    Best,
    Chris

    #776320

    Hi,

    Because the Enfold hasn’t an option to change this property.

    Best regards,
    John Torvik

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.