How to Customize your Typography in the Storefront Theme

As we continue our series on the Storefront theme, we will now show you how to customize your Typography. This can help brand your WooCommerce store by making the colors match your brand or better suit your website style. We will walk you through changing your heading, text and link/accent color. We will also show you the results of the color change.

Customize Storefront Typography

  1. Log into your WordPress Dashboard.
  2. wordpress woocommerce storefront set site identity customize appearance

    In your navigation menu click Appearance then Customize.

  3. wordpress woocommerce storefront customize typography customize typography

    Click the Typography link.

  4. wordpress woocommerce storefront customize typography select heading color

    Under the Heading color option click the Select Color button then choose your color.

    wordpress woocommerce storefront customize typography heading color

    The changes will be displayed immediately.

  5. wordpress woocommerce storefront customize typography change text color

    Under Text color click the Select Color button, then choose your new text color.

    wordpress woocommerce storefront customize typography view new text color

    Your new text color will be displayed immediately.

  6. wordpress woocommerce storefront customize typography select link color

    Under Link / accent color click the Select Color button and choose your new link color.

    wordpress woocommerce storefront customize typography view new link text color

    You will see your new link color displayed immediately.

  7. wordpress woocommerce storefront customize typography publish customized typography

    After changing your Typography click the Publish button to save it.

Congratulations, now you know how to customize your Typography in WordPress using the Storefront theme. In the next guide we will show you how to customize your Layout in the Storefront Theme.

JB
John-Paul Briones Content Writer II

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

Was this article helpful? Let us know!