Generate Typography

Typography

Choose font sizes,  font families (including Google Fonts), font weights and more.

Learn more GP Premium

typography-min

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]