> For the complete documentation index, see [llms.txt](https://help.inspiredtheme.com/articles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.inspiredtheme.com/articles/theme-settings/inspiredtheme-settings-intro/typography.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.