How to Change Fonts in WordPress Themes (5 Easy Ways)

WordPress themes provide default fonts, font sizes and font colors. If you want to change the default font to another font. There are several ways to change fonts in WordPress.

Changing Fonts in WordPress Theme Editor

An easy way to change the fonts of your website is to turn to the WordPress Theme Editor. It allows you to change the appearance of your website and show a live preview.

take note of: If the editor menu option is missing, then the theme may have full site editing enabled and you need to use another method or switch themes.

In this tutorial, theWe use theAstra Theme. Note: Options may vary depending on your WordPress ThemesIt varies. Often it is necessary to look in the editor to find the "Fonts" or "Typography" settings specific to your theme.

First, you can go from the WordPress dashboard to theAppearance " Customization.

This will launch the WordPress Theme Editor.

Astra Theme has a "security situation" section, which has options for changing site-wide styles. To change the fonts for the entire site, you can click on the left menu in the "security situation"Options.

On the next screen, you will see "Typography.","color","containers","buttons"Options such as.

Continue and click "typographical"Options.

Here, it can be found at "presuppose"Select a different font under the section.

These are the default font combinations provided by the theme, and selecting the presets will change the fonts throughout the site.

You can hover over a font preset to see the font combinations. For example, here we can see the combination "Montserrat and Source Sans Pro" in one of the presets.

In addition to this, it is also possible to change the fonts of individual elements in the theme.

For example, different fonts can be used for body text and headings. You can even choose to use a different font for each heading level.

First, simply take any single element from the "Font Series"Select a font from the drop-down menu.

In addition to this, there are more options to change the font size, thickness, select variants, and more.

When you're done, remember to click "post"or"update"Button.

You can now refresh the front end of your site and see the new fonts. For example, on our demo site, we changed the body font to Roboto and the header font to Helvetica.

Note: Not all WordPress themes offer the same features and customizations that Astra offers. If your theme doesn't offer these features, use another method.

Changing Fonts in the WordPress Full Site Editor

If you are using a block-based WordPress theme such as Twenty Twenty-Two, you can change the site's fonts using the Full Site Editor (FSE).

The Full Site Editor allows you to customize your WordPress theme using blocks, just like editing with the WordPress Content Editor!cardmaybeweb pageSame. However, FSE is currently in beta and only a few themes are supported.

Here we demonstrate with the Twenty Twenty-Two theme.

First, you can go from the WordPress admin panel to theAppearance" editor.

This will open the full site editor of the WordPress theme.

Next, you can click on the top right corner of the "type" icon, and then click on the "typographical"Options.

After that, elements such as text and links can be selected to change their fonts.

We will choose "copies" as an element and click "calligraphic style" drop-down menu to change its font.

When you're done, simply click "save (a file etc) (computing)" button will do.

After the above steps, the fonts have been successfully changed using the full website editor. It is also possible to add custom fonts to a WordPress site and then change them in the full site editor.

Using the WordPress PluginChanging WordPress Fonts

Another way to change WordPress fonts is to use the WordPress PluginFor exampleFonts PluginThe

It is a WordPress typography plugin that adds thousands of Google fonts and different font variants to a website.

First, install and activate Fonts Pugin.

Once activated, you will see the Font Plugin Quick Start Guide in your WordPress dashboard. Either enter your email address for the PDF or navigate to "Custom Fonts"Start editing.

Will open the plugin's customization options in the theme's editor.

On this page, continue and click "Basic settings"Menu.

Once in the menu items, you can start customizingContent, titlerespond in singingButton FontsThe

Simply expand the drop-down menu for each text element and select a favorite font.

When you're done, remember to click "post" button before the font plugin is updated with the changes.

Changing Fonts with WordPress Theme Builder

There are a number of powerful WordPress theme editors that allow you to create custom themes without having to edit the code. They can be used to change the fonts of different elements on your website.

Here, we use theSeedProdDemo. It is the best landing page and theme editor plugin for WordPress and provides drag and drop builder to create custom themes without any line of code.

take note of:: ToSeedProd Pro VersionOnly then, because it contains the theme builder. There is also aSeedProd Lite Version, can be used free of charge.

First, install and activate the SeedProd plugin.

After activation, you will see the SeedProd Welcome screen. Go ahead and enter the key and click "Authentication Key" button. The license key can be easily found in the SeedProd account area.

After that, you can go from the WordPress dashboard to theSeedProd " Theme builder.

Next, go ahead and click on the top "thematic"Button.

From here, the plugin will display multiple themes to choose from.

Simply hover over the theme you want to use and click on it. We use in this tutorial the "default (setting)"Theme.

SeedProd will now generate different theme templates.

It is possible to edit each template and customize the WordPress theme. There is even an option to add theme templates manually.

Let's edit the homepage theme template and change the fonts of different elements. First of all, you can click on "homepage"Under."Editorial design"Link.

This will launch SeedProd's drag and drop theme builder. New elements can be added from the left menu and placed anywhere on the template.

To change the font of any theme section, simply select it. For example, let's select the text box under the Starter heading.

Next, you need to go from the left menu to "high level" tab, and then click "typographical"Front."Editing"Button.

After that, you will see several options to edit the font of the selected section.

You can click on "Font Series" drop-down menu to select a font for the text. You can also select font thickness, adjust font size, line height, letter spacing, alignment, letter case, etc.

to repeat this step and change the fonts of other elements on the theme.

When you're done, just click on the top "Save"button will do.

To apply custom themes and fonts, go toSeedProd " Theme Builder and toggle the switch next to the "Enable SeedProd Theme" option to "be".

Customizing Font Appearance in WordPress Content Editor

The content editor can also be used to change how fonts are displayed in specific blog posts and pages.

The disadvantage of this method is that itOnly apply new fonts to specific posts or pagesThe

To change fonts using the WordPress Content Editor, simply edit a post or add a new post. Once in the WordPress Content Editor, you can select the text to change its appearance.

In the settings panel on the right, go to "typographical" section. Then, click in front of "Typography". 3 pointsand select from the drop-down menu"Appearance".

Upon completion, the "exterior condition"Settings. Click on the drop-down menu and select a style for the font. For example, you can set the font to Bold, Thin, Italic, Black, Bold Italic, Super Bold, etc.

In this settings area, you can also change the font size, select the letter case, edit the color, enable the first word to be sunk, and more.

When finished, update or publish the page.

This article is about how to change fonts in WordPress, I hope it will help you.