[Resolved] Font changing when switching to Flexbox

[Fabien]

Hi,

I am currently migrating to Flexbox. I am running into small issues. First one : the font (weight ?) is changing when I move to Flexbox (vs. Float). I am using system stack font family and I didn’t change any settings regarding the font.

Please see below :

Floats

Flexbox

[Fabien]

Found the issue / fix : https://generatepress.com/forums/topic/typography-changes-when-switching-to-flexbox/

[David]

Hi there,

yes, we implemented font smoothing on the latest version.
We can provide some CSS if you want it disabled ?

[Fabien]

Yes why not 😉 And it will help other people looking for this !

[David]

Try this CSS:

html {
    -webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
}

[Author]

Posts