You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is there a way to create proper typography sets for a user to select when building out their site?
Currently I can set a options for font-sizes. This is nice but I don't believe it goes far enough. If I gave the user the option to select "Title", what I would really want is to give them all the necessary typography styles to make the "Title" version look good.
For example if "Title" was 4 rem it would (depending on the font) look bad with a default 1.6 line-height. The user wouldn't know this and may just leave it as is, or they may adjust the line-height correctly in one block but another user does it differently somewhere else, creating inconsistency.
What I would prefer to do is set typography-set options for them choose. If they selected "Title" what they would actually be selecting is:
font-family: Inter
font-size: 4 rem
letter-spacing: -0.03em
line-height: 1
font-weight: 800
text-transform: Uppercase
This would allow a user to select typography with a purpose. I believe this would help in creating consistency and help accessibility by teaching people to choose h1-6 and sizes separately. The other options should still be available to override the font-set options if needed.
If I've missed something in the theme.json let me know.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Is there a way to create proper typography sets for a user to select when building out their site?
Currently I can set a options for font-sizes. This is nice but I don't believe it goes far enough. If I gave the user the option to select "Title", what I would really want is to give them all the necessary typography styles to make the "Title" version look good.
For example if "Title" was 4 rem it would (depending on the font) look bad with a default 1.6 line-height. The user wouldn't know this and may just leave it as is, or they may adjust the line-height correctly in one block but another user does it differently somewhere else, creating inconsistency.
What I would prefer to do is set typography-set options for them choose. If they selected "Title" what they would actually be selecting is:
This would allow a user to select typography with a purpose. I believe this would help in creating consistency and help accessibility by teaching people to choose h1-6 and sizes separately. The other options should still be available to override the font-set options if needed.
If I've missed something in the theme.json let me know.
Beta Was this translation helpful? Give feedback.
All reactions