Thicker fonts in Kadence.

  • Hi,
    When I choose a font on Kadence, I notice that it is thicker than usual.

    For example, I did a test with the Lato, regular(400) and 16px.
    I used the same configuration (font, style and size) in Kadence, Blocksy, OceanWP, Astra and Neve in 3 different browsers (Chrome, Opera and Safari), and only in Kadence the font was thicker.

    The difference is subtle, but ends up being uncomfortable for those who work with design and with a lot of texts.

    Thanks.`

Viewing 7 replies - 1 through 7 (of 7 total)
  • hannah

    (@hannahritner)

    Hey,
    Can you post a link? That way we can inspect the code to ensure a different font weight is not being set somewhere.

    Kindly,
    Hannah

    Thread Starter kozmonauta

    (@kozmonauta)

    Hi,
    Sure.
    Here… print

    Thanks.

    Hey,
    So those themes are applying this css:

    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

    We follow the default which allows subpixel rendering. You can read more about this here:
    https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
    https://www.zachleat.com/web/font-smooth/

    I personally prefer auto with subpixel rendering. Slightly thinker fonts, or slightly less thin fonts depending on how you wan to look at things ??

    You can easily apply if you want it with this CSS:

    html{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

    I’ve considered adding an option for it but I’m not sure it deserves it.

    Thoughts?

    Ben

    Thread Starter kozmonauta

    (@kozmonauta)

    Hi Ben,
    How nice of you to bring these articles, I wasn’t aware of that.

    So I believe I will continue to use subpixel rendering. But as you asked for an opinion, I believe that due to Kadence flexibility proposal (one of the reasons that lead thousands of people to use the theme), it would be interesting to add this option.

    Thank you.

    Thread Starter kozmonauta

    (@kozmonauta)

    Hi Ben,
    I did some testing these days and I think it would be nice to have this as an option. I prefer smoothed fonts.

    Thank you.

    hannah

    (@hannahritner)

    Hey,
    You can submit a feature request here:
    https://www.kadencewp.com/kadence-blocks/feature-requests/
    That way others can vote and comment on it.

    Kindly,
    Hannah

    Thread Starter kozmonauta

    (@kozmonauta)

    Hi Hanna,
    I only commented here because Ben said he was thinking about putting it as an option.
    So I don’t know if it would be necessary to create a request.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Thicker fonts in Kadence.’ is closed to new replies.