---
title: "Make Unique Content Style With Typography"
url: https://nexterwp.com/docs/typography-options/
date: 2023-04-18
modified: 2026-04-15
author: "Aditya Sharma"
description: "The typography of a website plays a crucial role in its overall appearance and user experience. The right typography can help to enhance the readability and visual appeal of your..."
image: https://nexterwp.com/wp-content/uploads/2024/05/typography-options-1024x519.jpg
word_count: 357
---

# Make Unique Content Style With Typography

## Key Takeaways

- Nexter customiser offers options to adjust font family, size, and weight for both body text and headings.
- Nexter theme allows users to host Google Fonts locally for improved performance.
- Nexter Customiser provides separate typography settings for headings H1 to H6, allowing individual customization of font style.

The typography of a website plays a crucial role in its overall appearance and user experience. The right typography can help to enhance the readability and visual appeal of your content. With Nexter customiser, you have a variety of options to adjust the typography of your website. You can change the font family, font size, font weight, and other aspects of the typography of heading and body text.

Under the** Typography** tab**,** you’ll find typography options for body text and individual headings.

![nexter customizer typography](https://nexterwp.com/wp-content/uploads/2023/04/nexter-customizer-typography-new.png)

## Body

From here you can set the common typography of the entire website. In the **Font Family** dropdown, you’ll find some system fonts along with a whole list of Google fonts.

For improved performance, you can easily [host the Google Fonts locally in the Nexter theme](https://nexterwp.com/docs/self-host-google-fonts-wordpress/).

You can also [add Adobe fonts from the Nexter settings](https://nexterwp.com/docs/adobe-fonts-in-wordpress/) which will show in this list as well. You can even [add custom fonts from the Nexter settings](https://nexterwp.com/docs/upload-custom-fonts-wordpress/) to increase the font options further.

Depending on the font family you can choose different variants from the **Font Variant** field.

You can add different font weights and text transform to your font.

From the **Font Size** field, you can add the standard font size for the website, you can add body font size only in “*px*“ unit.

You can use the **Line Height** field to add line height to text and **Paragraph (P) Margin Bottom** to add margin bottom to paragraphs.

![nexter customizer typography body](https://nexterwp.com/wp-content/uploads/2023/04/nexter-customizer-typography-body-new.png)

## Heading (H1 - H6)

In the Typography section of Nexter Customiser, you'll find separate options for setting the font style of headings H1 to H6. This allows you to customise the typography of each heading individually, providing greater flexibility for your website's design. For each heading, you can choose the font family, font size (in both "*px*" and "*em*" units), font weight, text transform, and line height to create a unique and cohesive look throughout your website.

> *Note: In the ****Font Family****, ****Font Weight****, and ****Text Transform**** dropdowns, you will find an "inherit" option. This option enables the typography for headings to inherit the values set in the Body typography section for ****Font Family****, ****Font Weight****, and ****Text Transform****.*

![nexter customizer typography heading](https://nexterwp.com/wp-content/uploads/2023/04/nexter-customizer-typography-heading-new.png)

## Frequently Asked Questions

**Q: What are the best typography options for improving website readability?**
A: Choosing the right typography is crucial for readability. Use a clear font family, appropriate font size, and sufficient line height. In Nexter, you can set these under the Typography tab, allowing you to adjust body text and headings individually. A common mistake is using overly decorative fonts that can hinder readability, especially on mobile devices.

**Q: What common mistakes do people make when setting typography in Nexter?**
A: A frequent mistake is neglecting to set line height and paragraph margins, which can lead to cramped text and poor readability. In Nexter, you can adjust these settings in the Typography section. Proper spacing improves user experience, especially for longer content, making it easier for visitors to read and engage.

**Q: Does hosting Google Fonts locally improve site performance?**
A: Hosting Google Fonts locally can significantly enhance site performance by reducing external requests and loading times. In Nexter, you can easily set this up, which not only speeds up your site but also provides better control over font loading. This is essential for optimizing user experience and SEO.

**Q: What typography settings should I use for headings H1 to H6?**
A: For headings H1 to H6, it's best to use a consistent font family and size that differentiates them from body text. In Nexter, you can customize each heading's font size, weight, and line height individually. This flexibility helps create a cohesive design and hierarchy, guiding users through your content effectively.