---
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 requires the default WordPress Block editor, the Nexter Blocks plugin, and the PRO version to use the Advanced Typography block.
- Advanced Typography supports Single/Multiple Text, Vertical Text, Text Stroke, Circle Text, Text Blend, Marquee Text, Text Mask, and Image Reveal on Hover.
- Advanced Typography lets users choose Normal for a single text effect or Multiple for different effects on multiple texts, with all options inside the repeater item.
- Style tab settings include typography, padding, text colors, text shadows, CSS filters, Stroke/Fill for Normal text, and Advance Underline Options for unique underline effects.

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/)