# Typography

There are Typography settings available in the Customize section of the Appearance menu in the WordPress dashboard or from your website page. These settings let you set up the fonts in the MasterStudy Templates.

## Accessing Typography from the WordPress Admin Dashboard

To access these settings, first navigate to your **WordPress** dashboard. Look for the "**Appearance**" tab on the left-hand sidebar and click on it. A dropdown menu will appear with several options, select "**Customize**" from this list. 

<figure><img src="/files/0kjX3AMEj9Ekjrc4U7mv" alt=""><figcaption></figcaption></figure>

Within the Customizer, navigate to the "**Typography**" section. Here, you’ll find various settings to adjust your site’s fonts.

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

## Accessing Typography from Your Website Page

Another method to reach the Typography is directly from your website's front end for a more intuitive approach for adjustments while viewing changes live. Here’s how you can proceed:

1. Visit your website’s homepage while logged into your WordPress account. You should see a bar at the top of the page — this is the WordPress toolbar.

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

2. On this toolbar, locate the "**Customize**" option. Clicking on it will transport you directly to the Customizer interface.

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

3. Within the Customizer, navigate to the "Typography" section. Here, you’ll find various settings to adjust your site’s fonts.

<figure><img src="/files/2kp6Gr39WBzkEMk4w7Gs" alt=""><figcaption></figcaption></figure>

## Typography Settings

There are two sections available in Typography Settings:&#x20;

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

* Body Font
* H1 - H6

{% hint style="warning" %}
It's important to note that if your website uses **Gutenberg blocks** or is built with **Elementor**, the typography settings set within these platforms take over the WordPress Customizer settings.
{% endhint %}

### Body Font

These are the settings available in the Body Font section:&#x20;

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

* **Font Family**: Sets the typeface used for the text.
* **Font Size (px)**: Determines the size of the text in pixels.&#x20;
* **Font Weight**: Controls the thickness of the text.&#x20;
* **Line Height (px)**: Sets the height of a line of text.&#x20;
* **Text Transform**: Allows you to change the case of the text.&#x20;

### H1- H6

The settings in this section let you adjust the headings from H1 to H6:

<figure><img src="/files/9jtHafvrxBzD7TqzRqxC" alt=""><figcaption></figcaption></figure>

* **Font Family**: Sets the typeface used for the text.
* **Font Size (px)**: Determines the size of the text in pixels.&#x20;
* **Font Weight**: Controls the thickness of the text.&#x20;
* **Line Height (px)**: Sets the height of a line of text.&#x20;
* **Text Transform**: Allows you to change the case of the text.&#x20;

{% hint style="info" %}
After you finish the customization, click the Publish button to enhance and save the changes to your site.
{% 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://docs.stylemixthemes.com/masterstudy-lms-starter-theme/customizer-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.