Trouble with custom font and browser antialiasing

Design help General
1

Hi!
I am trying to upload a custom font (Montserrat). It works for all the weights except form the semibold that has the same weight as the bold one. Can anyone help?

2

Hi @falomoelena, this might be due to the way the browser renders the font with antialiasing. One solution to check, would be to add a bit of custom code, to disable the browser antialiasing.

To do this, paste the following code into the head of your site, then publish the site and check on the published site if the fonts look different:

<style>

body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}

</style>

Note that this will only affect to the published site, not to the fonts in the designer. If that does not help, could you please share the read-only link to your site, and I am happy to take a further look.

2 Likes
3

Thank you!
It solved my problem :slight_smile:

1 Like
4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.