> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/theme-settings/global-styles/typography.md).

# Typography

**Typography** allows setting the font elements such as font, font size, and alignment of texts for the site.

1. From your Shopify admin, go to **Online Store ->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings ->** **Typography.**

<figure><img src="/files/oNvjLU4IY5yifUE0L5OI" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Optimize your website's performance by utilizing shopify fonts! Selecting a different font can affect the speed of your store. [Learn more about system fonts.](https://help.shopify.com/en/manual/online-store/os/store-speed/improving-speed#fonts)
{% endhint %}

### Typography Settings

| Settings                   | Type         | Default        | Description                                       |
| -------------------------- | ------------ | -------------- | ------------------------------------------------- |
| Header                     | header       |                | UI-only header label in the typography settings.  |
| Paragraph                  | paragraph    |                | UI-only paragraph in the typography settings.     |
| Type Body Font             | font\_picker | assistant\_n4  | Primary body font family used site-wide.          |
| Type Header Font           | font\_picker | assistant\_n4  | Font family used for headings and titles.         |
| Type Subheading Font       | font\_picker | assistant\_n4  | Font used for subheadings and secondary headings. |
| Type Size Paragraph        | select       | 1.6rem         | Default paragraph font size.                      |
| Type Line Height Paragraph | select       | body-normal    | Default line-height for body copy.                |
| Type Font H1               | select       | heading        | Font style preset for H1 headings.                |
| Type Size H1               | select       | 6.0rem         | Size for H1 headings.                             |
| Type Line Height H1        | select       | display-normal | Line-height for H1 headings.                      |
| Type Letter Spacing H1     | select       | heading-normal | Letter spacing for H1 headings.                   |
| Type Text Transform H1     | select       | none           | Text transform (e.g., uppercase) for H1.          |
| Type Font H2               | select       | heading        | Font style preset for H2 headings.                |
| Type Size H2               | select       | 5.0rem         | Size for H2 headings.                             |
| Type Line Height H2        | select       | display-normal | Line-height for H2 headings.                      |
| Type Letter Spacing H2     | select       | heading-normal | Letter spacing for H2 headings.                   |
| Type Text Transform H2     | select       | none           | Text transform for H2.                            |
| Type Font H3               | select       | heading        | Font style preset for H3 headings.                |
| Type Size H3               | select       | 4.0rem         | Size for H3 headings.                             |
| Type Line Height H3        | select       | display-normal | Line-height for H3 headings.                      |
| Type Letter Spacing H3     | select       | heading-normal | Letter spacing for H3 headings.                   |
| Type Text Transform H3     | select       | none           | Text transform for H3.                            |
| Type Font H4               | select       | heading        | Font style preset for H4 headings.                |
| Type Size H4               | select       | 3.0rem         | Size for H4 headings.                             |
| Type Line Height H4        | select       | display-normal | Line-height for H4 headings.                      |
| Type Letter Spacing H4     | select       | heading-normal | Letter spacing for H4 headings.                   |
| Type Text Transform H4     | select       | none           | Text transform for H4.                            |
| Type Font H5               | select       | heading        | Font style preset for H5 headings.                |
| Type Size H5               | select       | 2.0rem         | Size for H5 headings.                             |
| Type Line Height H5        | select       | display-normal | Line-height for H5 headings.                      |
| Type Letter Spacing H5     | select       | heading-normal | Letter spacing for H5 headings.                   |
| Type Text Transform H5     | select       | none           | Text transform for H5.                            |
| Type Font H6               | select       | heading        | Font style preset for H6 headings.                |
| Type Size H6               | select       | 1.6rem         | Size for H6 headings.                             |
| Type Line Height H6        | select       | display-normal | Line-height for H6 headings.                      |
| Type Letter Spacing H6     | select       | heading-normal | Letter spacing for H6 headings.                   |
| Type Text Transform H6     | select       | none           | Text transform for H6.                            |

### Need More Help? <a href="#section-settings" id="section-settings"></a>

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

<div align="left"><figure><img src="/files/u3Ke6fbPZZvBlBetfneg" alt="Halothemes Community" width="233"><figcaption></figcaption></figure></div>

<a href="https://www.facebook.com/groups/halothemescommunity" class="button primary" data-icon="comment-dots">Join HaloThemes Community</a>


---

# 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://halosoft.gitbook.io/ella-7-documentation/theme-settings/global-styles/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.
