GeneratePress

Customization Tips

Let's advance your theme's functionality.

Disable Font Smoothing

Font smoothing allows fonts to appear smoother and sharper. However, this is not always preferred since the font smoothing can also make the font appear more jagged and thinner.

There are mixed opinions on whether font smoothing should be enabled or disabled.

With GeneratePress 3.0 update, font smoothing was enabled by default, but you do have the choice to turn it off.

1

By default, GeneratePress 3.0 enabled font smoothing using the following code.

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

2

To turn off font smoothing, go toAppearance > Customize.

Appearance Customize v1

3

Once you click on Customize, you will be taken to your home page and presented with the Customization menu.

Click on Additional CSS.

Additional CSS v3

4

Within Additional CSS, copy and paste the code here.

html {
    -webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
}
Additional CSS Copy Paste v1

Final Results

This is what the final results would look like with font smoothing disabled.

Font Smoothing Disabled v1

Leave a comment