WordPress / wporg-main-2022

A block-based child theme for WordPress.org, plus local environment
67 stars 26 forks source link

About page: poor wrapping of subheadings, notably in Safari #442

Closed jasmussen closed 4 months ago

jasmussen commented 4 months ago

There are issues on very wide breakpoints for the https://wordpress.org/about/ page for the headings. This is most notable in Safari:

Image

Steps to reproduce:

It is also not ideal in Chrome, but better with less wrapping.

This is likely a recent regression from changes to how fluid typography works, possibly word-break, site-wide. Suggested solution, set a max-font-size on these headings to 90px.

Image

The font size should still ideally be generally fluid, it works well on Mobile. But there needs to be a max font size.

adamwoodnz commented 4 months ago

Appears to be due to the hyphens setting

Screenshot 2024-05-24 at 9 21 16 AM