# Typography

The **Glozin** theme features a dedicated options panel that allows you to customize the styling of each site component in great detail. Here, you can adjust the font style and size for the text.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Typography**
3. Make necessary changes
4. **Save**
   {% endhint %}

**Typography** is regarded as one of the crucial elements that influence the look and feel of a website. It encompasses the following components:

## **Body text** <a href="#id-1.-body-text-and-headings" id="id-1.-body-text-and-headings"></a>

You have the flexibility to use Shopify Fonts, Google Fonts, or the Default Font provided by the theme. Additionally, elements related to typography, such as font size and font weight, are fully adjustable, allowing you to tailor the visual presentation to perfectly align with your brand's aesthetic. This customization ensures your store's text is both visually appealing and consistent with your overall design.

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

## Heading text

You have the flexibility to use Shopify Fonts, Google Fonts, or the Default Font provided by the theme.

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

**Font size scale:** This feature allows you to effortlessly adjust the font size based on the original.

**Font weight:** Determines the weight of the heading font.

**Subheading weight:** Sets the weight of the subheading font.

**Text transform:** Options include unset, capitalize, or uppercase.

**Letter spacing:** Adjusts the spacing between letters.

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

## **Menu and Button** <a href="#id-3.-buttons" id="id-3.-buttons"></a>

The menu font size can be configured to match either the body font or the heading font.

Similarly, the button font can be set to match either the body font or the heading font. Additionally, it includes options for text transformation and setting the radius of rounded corners.

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

{% hint style="info" %}
Besides Shopify's default settings, the Glozin theme also provides custom font extension features through our app. Please visit the [How to change fonts](https://blueskytechco.gitbook.io/glozin-shopify/frequently-asked-questions/how-to-change-fonts) section to learn more about this advanced feature.
{% 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://nextsky.gitbook.io/glozin-theme/theme-settings/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.