Typography
Choose font sizes, font families (including Google Fonts), font weights and more.
Video Overview
A quick look at using Typography
[gp_premium]
Adjust the typography for all of these elements!
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]
Body
- Font family
- Google font variants
- Font weight
- Text transform
- Font size
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]
Site title
- Font family
- Google font variants
- Font weight
- Text transform
- Font size + mobile
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”true”]
Site tagline
- Font family
- Google font variants
- Font weight
- Text transform
- Font size
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]
Primary navigation
- Font family
- Google font variants
- Font weight
- Text transform
- Font size + mobile
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]
Secondary navigation
- Font family
- Google font variants
- Font weight
- Text transform
- Font size
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”true”]
H1, H2 & H3, H4, H5
- Font family
- Google font variants
- Font weight
- Text transform
- Font size + mobile
- Line height
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]
Widgets
- Title font family
- Title Google font variants
- Title font weight
- Title text transform
- Title font size
- Title bottom margin
- Content font size
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”false”]
Footer
- Font family
- Google font variants
- Font weight
- Text transform
- Font size
[/lgc_column]
[lgc_column grid=”33″ tablet_grid=”33″ mobile_grid=”100″ last=”true”]
Buttons
- Font family
- Google font variants
- Font weight
- Text transform
- Font size
[/lgc_column]