---
description: 'Customize your store’s look: Set perfect typography in your shopify theme'
---

# Typography

### How to set up the header section

1. **Font selection**\
   Choose fonts that align with your brand's personality. For example, sans-serif fonts like Helvetica or Arial work well for modern, minimal designs, while serif fonts like Times New Roman evoke a classic or sophisticated feel.
2.  **Font pairing**

    Use complementary fonts for headings and body text. A bold font for headings combined with a clean, readable font for body text creates a balanced and professional look.
3.  **Font size**

    Ensure headings, subheadings, and body text have distinct sizes to create a clear hierarchy. Typical body text sizes range from 14px to 18px, while headings are larger to stand out.
4.  **Line spacing (Line Height)**

    Proper line spacing improves readability. A line height of 1.5x the font size is commonly recommended for body text.
5.  **Letter spacing (Tracking)**

    Adjust spacing between characters to enhance the legibility of text, especially for larger headings or logos.
6. **Font weight**\
   Use bold or semi-bold weights for emphasis in headings or important details and lighter weights for body text.

### How to customize typography in shopify

1. **Access the theme editor**\
   In your Shopify Admin, go to **Online Store > Themes** and click **Customize**.
2. **Open theme settings**\
   In the left-hand sidebar, select **Typography** under t**heme Settings**.
3. **Set fonts**\
   Choose fonts for headings, body text, and buttons from Shopify’s integrated library or upload custom fonts.
4.  **Adjust styles**\
    Modify font sizes, weights, and spacing to fit your store's layout and design.\


    <figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcPvS9TFlYWngZGObvnNjCqppDj8lrBYWLETWHjWk0gmPoksiDEAM057SLIrOurNUdDt2OgimOANsQIt72LkNJdTuZ0ruMoPV-kJxx7k08JBMxqcWVZRIYZtCo-xw9QcW7akidW?key=7_aHdMbaBNceKxuSNLyOfqDS" alt=""><figcaption></figcaption></figure>
5. **Preview changes**\
   Ensure the text is clear, consistent, and visually appealing across all devices

{% hint style="info" %}
**Typography best practices**

* [**Keep it consistent**](#user-content-fn-1)[^1]
* [**Prioritize legibility**](#user-content-fn-2)[^2]
* [**Match your brand**](#user-content-fn-3)[^3]
* [**Test on multiple devices**](#user-content-fn-4)[^4]
{% endhint %}

[^1]: Use a limited number of fonts (2-3 max) to maintain a professional and cohesive look.

[^2]: Avoid overly decorative fonts for body text to ensure readability.

[^3]: Align font choices with your brand’s tone—playful, elegant, modern, or classic.

[^4]: Ensure typography is responsive and looks good on desktop, tablet, and mobile views.
