---
title: "How to Add Advanced Typography in WordPress?"
url: https://nexterwp.com/docs/add-advanced-typography-in-wordpress/
date: 2024-12-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "Typography plays a crucial role in web design, influencing not only the aesthetic appeal of a site but also its readability and user experience. With the Advanced Typography block from..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Advanced-Typography-in-WordPress_-1024x519.jpg
word_count: 604
---

# How to Add Advanced Typography in WordPress?

## Key Takeaways

- Nexter Blocks offers the Advanced Typography block for adding various text effects.
- Advanced Typography block includes features like vertical text, text stroke, and marquee text.
- Users must have the PRO version of Nexter Blocks to access the Advanced Typography block.
- The Advanced Typography block allows styling options such as text colors, shadows, and CSS filters.

Typography plays a crucial role in web design, influencing not only the aesthetic appeal of a site but also its readability and user experience.

With the Advanced Typography block from Nexter Blocks, you can add different types of effects to text.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-typography/)

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated.

- This is a Premium block, and you need the [PRO version of Nexter Blocks](https://nexterwp.com/pricing/?utm_source=tpag&utm_medium=docs&utm_campaign=text).

- Make sure the Advanced Typography block is activated. To verify this, visit Nexter → Blocks → and search for Advanced Typography and activate.

## Learn via Video Tutorial

https://www.youtube.com/watch?v=orZLB68ss1A

## How to activate the Advanced Typography Block?

Go to 

- **Nexter **→ **Blocks **

- **Search **the block name and** turn**** on the toggle**.

![](https://nexterwp.com/wp-content/uploads/2024/12/Nexter-Blocks-Advanced-Typography-Activation.png)

## Key Features

- **Single/Multiple Text **- You can add unique text effects to single or multiple texts.

- **Vertical Text **- You can [add a vertical text](https://nexterwp.com/docs/make-vertical-text-in-wordpress/).

- **Text Stroke** - You can [add a text stroke outline effect](https://nexterwp.com/docs/create-text-stroke-outline-in-wordpress/).

- **Circle Text** - You can easily [create a circle text effect](https://nexterwp.com/docs/create-circular-text-in-wordpress/).

- **Text Blend** - You can [add a text blend effect on a background](https://nexterwp.com/docs/add-wordpress-background-text-blend-mode/).

- **Marquee Text** - You can easily [add a marquee text effect](https://nexterwp.com/docs/create-marquee-text-effect-in-wordpress-left-to-right-motion/).

- **Text Mask** - You can [add a text mask over a background color or image](https://nexterwp.com/docs/create-a-text-mask-effect-in-wordpress/).

- **Image Reveal on Hover** - You can [add an image reveal effect on hover in text](https://nexterwp.com/docs/create-image-reveal-effect-on-text-in-wordpress/).

## How to Use the Advanced Typography Block?

Add the Advanced Typography block to the page.

Then click on the **Design from Scratch** button to design the layout from scratch.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-design-type-1024x195.png)

> *Note: By clicking on the Import Pre-Designed Template button, you can [import a preset template](https://nexterwp.com/docs/import-templates-in-nexter/#Import-Preset-Designs-for-Specific-Blocks-in-Nexter) and customize it as per your requirements.*

### Advanced Typography

From the **Select Option** section, you have to select the text type. Here you’ll find two options - 

- **Normal** - For adding effect on a single text.

- **Multiple** - For [adding different effects on multiple texts](https://nexterwp.com/docs/combine-multiple-styles-on-a-text-in-wordpress/). Using this option, you can create an impression of having multiple effects on a single text or paragraph.

Select the option as per your requirements, let’s select Normal here.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-layout-new.png)

> *Note: For the Multiple text option, you’ll only see one tab and all the options are included inside the repeater item.*

In the **Content** field, you have to add your text. 

From the **Link **field, you can add a link to the text.

Then, from the **Alignment** section, you can align the text for different devices.

### Text Direction

From this tab, you can create vertical text.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-text-direction-new.png)

### Circular Text

From this tab, you can create a circle text effect.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-circular-text-new.png)

### Background Blend Mode

From this tab, you can add a text blend effect on a background.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-bg-blend-mode-new.png)

### Knockout Text

From this tab, you can create a text mask on a background color or image.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-knockout-text-new.png)

### On Hover Image Reveal

From this tab, you can add an image reveal effect on hover.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-hover-image-reveal-new.png)

### Marquee

From this tab, you can add a marquee text effect.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-marquee-new.png)

## How to Style the Advanced Typography Block?

To style the Advanced Typography block, you’ll find all the options in the Style tab. 

**Advanced Typography** - From here, you can manage the text typography and padding. You can also add different text colors, text shadows and CSS filters to the text for normal and hover states.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-typography-style-new.png)

**Stroke/Fill** - You’ll see this tab only for the Normal text. From here, you can create an outline text effect.

**Advance Underline Options** - You’ll see this tab only for the Normal text. From here, you can add unique underline effects to the text.

Advanced options remain common for all our blocks, you can explore all it options from here.

[View Advanced tab tutorial.](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/)

## Frequently Asked Questions

**Q: What should I do if the Advanced Typography block isn't showing up?**
A: If the Advanced Typography block isn't visible, ensure that the Nexter Blocks plugin is installed and activated. This block is part of the PRO version of Nexter Blocks, so you need to have that version. Check by navigating to Nexter u2192 Blocks and search for 'Advanced Typography' to activate it.

**Q: How do I add a marquee text effect?**
A: To add a marquee text effect, navigate to the Marquee tab within the Advanced Typography block settings. This effect can draw attention to important messages or announcements on your site, making it a great choice for promotional content.

**Q: What happens if I try to use the Advanced Typography block without Gutenberg?**
A: The Advanced Typography block requires the default WordPress Block editor (Gutenberg) to function. If you attempt to use it without Gutenberg, the block will not be available, as NexterWP is built exclusively for Gutenberg.