Twenty Twenty: Please replace Hoefler text with Noto Serif as default font

[nmschaller]

Hi Twenty Twenty theme developers,

Thank you for developing this excellent theme.

Working from a Chromebook now, I noticed that the Hoefler Text font for body text is displayed thin and badly rendered.

First, I checked the Chrome browser settings you recommended. That didn’t help.

Then I realized that it is not Hoefler Text that is displayed, but a fallback font, Garamond as it seems.

Reading about different issues with Hoefler Text, from spacing to flower power, I suggest that you define Noto Serif as the default font for frontend content and backend editing.

Alternatively, please redefine the fallback font as Noto Serif instead of Garamond, or before Garamond.

Noto Serif is displayed well on a Chromebook and is very similar to Hoefler text, both in look and feel, and in size. Noto Serif is also the fallback font for Android devices.

Thanks a lot.

Regards

Nicole

[nmschaller]

Screenshot of fallback font Garamond on Chromebook in Chrome browser

[sabernhardt]

adding Noto Serif: after Hoefler Text and before Garamond

[sabernhardt]

Hoefler Text probably should remain the preferred font, but adding Noto Serif as a fallback before Garamond seems reasonable.

[SergeyBiryukov]

In 52661:

Twenty Twenty: Add Noto Serif as a fallback font before Garamond.

This aims to provide better experience on Chromebooks. Noto Serif is also the fallback font for Android devices.

Follow-up to [46271].

Props sabernhardt, nmschaller.
Fixes #50723.