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.
Table of Contents

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

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.

You can also add Adobe fonts from the Nexter settings which will show in this list as well. You can even add custom fonts from the Nexter settings 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

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

About the Author

Photo of Aditya Sharma CMO of NexterWP
CMO at POSIMYTH Innovations · NexterWP · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordpressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What are the best typography options for improving website readability?

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.

What common mistakes do people make when setting typography in Nexter?

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.

Does hosting Google Fonts locally improve site performance?

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.

What typography settings should I use for headings H1 to H6?

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.

Last reviewed: April 15, 2026

Related Docs