# Typography

***

You can set the font style and size for the text on your online store.

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Theme settings.**
* Locate **Typography.**
* Make necessary changes.
* Click **Save.**
  {% endhint %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/f9f418a0-7e22-413c-8e7d-52a3ebe0ac2d/Screenshot%202023-12-19%20at%204.11.53%20PM.png" alt=""><figcaption></figcaption></figure>

### 1. Customize your typography:

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/d3a59488-2261-4430-878e-c11ca1d4c12b/Screenshot%202023-12-19%20at%203.38.40%20PM.png" alt=""><figcaption></figcaption></figure>

* For each type of text (**Headings** and **Body**), click **Change** to use the font picker.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/9ad7fc14-3ca9-4fe9-a72b-df4accc29a76/Screenshot%202023-12-19%20at%203.37.20%20PM.png" alt=""><figcaption></figcaption></figure>

* Explore available fonts with the search field or by clicking **Load more**.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/c6bd7448-a542-4af6-8780-acb2ad5d126f/Screenshot%202023-12-19%20at%203.34.20%20PM.png" alt=""><figcaption></figcaption></figure>

* Click the name of the font you want to use, and then click **Select**.
* Click **Save**.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/b37fe84f-4035-4fe9-aa21-66984deed1a4/Screenshot%202023-12-19%20at%203.41.34%20PM.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
It's recommended that you use system fonts in your store. Using system fonts avoids downloading new fonts to your customer's computer, which can negatively impact your store load speed. The font that displays on your customer's computer depends on their operating system.
{% endhint %}

### 2. Customize your font sizes

You can set the default font sizes for your heading and body text within the Typography theme setting.

* To change the default font size for **Headings**, use the **Font size scale** setting to select the font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/27368d7a-a265-4be5-b7f1-d141a5d9152d/Screenshot%202023-12-19%20at%203.42.13%20PM.png" alt=""><figcaption></figcaption></figure>

* To change the default font size for **Body** text, use the **Font size scale** setting to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/2ed349af-406f-4858-a76c-666604630b19/Screenshot%202023-12-19%20at%203.42.21%20PM.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**InspiredTheme** team not only supports setups with fonts in Shopify's font library but also includes fonts that are not available. [Contact us for help!](https://inspiredtheme.com/pages/contact)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.inspiredtheme.com/articles/theme-settings/inspiredtheme-settings-intro/typography.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.