How to change the font in wordpress theme

New Page

Change a theme and make it the default in Word or Excel

Excel pour Microsoft 365 Word pour Microsoft 365 Excel 2021 Word 2021 Excel 2019 Word 2019 Excel 2016 Word 2016 Excel 2013 Word 2013 Excel 2010 Excel 2007 Excel Starter 2010 Plus… Menos

Document themes facilitate color coordination, fonts and graphics format effects on top of Word, Excel and PowerPoint documents and update quickly. Este video le muestra cómo cambiar todo el tema, lea a continuation para personalizar las fuentes, los colores o los efectos del tema. 

I wanna

  • Elija a standard color theme

  • Create my own color theme

  • Change theme fonts

  • Theme Currency Effects

  • Change or delete a theme

  • Keep a custom theme for reuse

  • Make my changes the new default theme

  • Learn more about themes

Choose a standard color theme

  • On Excel ‘s Layout tab or Word’s Design tab , click Colors and select the desired color scheme.

    Excel

    Theme color gallery opened via the Colors button on the Layout tab

    Against

    Theme color gallery

    Tip:  The first group of colors are the current theme colors.

Create my own color theme

  1. On the Page Layout tab in Excel or the Design tab in Word, click Colors , and then click Customize Colors .

  2. Cliquez sur le bouton en regard de la couleur du thème que vous souhaitez modifier (par exemple, Accent 1 ou Lien hypertexte ), puis sélectionnez une couleur sous Couleurs du thème .

    Change a theme color

    To create your own color, click More Colors, and then pick a color on the Standard tab, or enter numbers or select a color on the Custom tab.

  3. In the Sample pane, preview the changes that you made.

  4. Repeat this for all the colors you want to change.

  5. In the Name box, type a name for the new theme colors, and click Save.

    Tip: To return to the original theme colors, click Reset before you click Save.

Change theme fonts

  1. On the Page Layout tab in Excel or the Design tab in Word, click Fonts, and pick the font set you want.

    Excel

    Font gallery in the Layout tab

    Word

    Font gallery in the Design tab

    Tip: The top fonts are the fonts in the current theme.

  2. To create your own set of fonts, click Customize Fonts.

  3. In the Create New Theme Fonts box, under the Heading font and Body font boxes, pick the fonts you want.

    Create new theme fonts

  4. In the Name box, enter a name, and click Save.

Change theme effects

Theme effects include shadows, reflections, lines, fills, and more. While you cannot create your own set of theme effects, you can choose a set of effects that work for your document.

  1. On the Page Layout tab in Excel or the Design tab in Word, click Effects. Button picture.

  2. Select the set of effects that you want to use.

    Options d'effets

Switch or remove a theme

  • To change themes, simply pick a different theme from the Themes menu. To return to the default theme, choose the Office theme.

  • To remove theme formatting from just a portion of your document, select the portion you want to change and change any formatting you like, such as font style, font size, color, etc.

Save a custom theme for reuse

Once you’ve made changes to your theme, you can save it to use again. Or you can make it the default for new documents.

  1. On the Page Layout tab in Excel or the Design tab in Word, click Themes > Save Current Theme.

    Galerie de thèmes à partir du bouton Thème

  2. In the File name box, enter a name for the theme, and click Save.

    Note: The theme is saved as a .thmx file in the Document Themes folder on your local drive and is automatically added to the list of custom themes that appear when you click Themes.

    Thèmes personnalisés accessibles à partir du bouton Thèmes

Make my changes the new default theme

After saving your theme, you can set it so it’s used for all new documents.

Excel

Apply your custom theme to a blank workbook and then save it as a template named Book.xltx.

Word

  • On the Design tab, click Set as Default.

    Option Enregistrer par défaut pour les thèmes Word trouvés dans l'onglet Conception

More about themes

A document theme is a unique set of colors, fonts, and effects. Themes are shared across Office programs so that all your Office documents can have the same, uniform look.

You can also change the Office theme. The Office theme is the color scheme for your entire Office program, while document themes are more specific (they show up in individual Word documents or Excel spreadsheets).

Affiche les options de thème Office dans PowerPoint 2016

In addition, you can add a pattern to your Office program, by changing the Office Background.

See Also

  • Change the font size in Word, Excel or PowerPoint

  • Change the line spacing in Word

  • Insert subscript or superscript text in Word

  • Add or remove a sheet background in Excel

  • Create your own theme in PowerPoint

  • Customize and save a theme in Word 2016 for Mac

Facebook LinkedIn E-mail

Need more help?

Expand your skills

EXPLORE TRAINING >

Get new features first

JOIN MICROSOFT INSIDERS >

Change Your Site’s Fonts

Choosing a font is a great way to add a unique look to your site. Each theme has a curated list of fonts you can choose, including Google Fonts.

To change your fonts, you will use a different option that depends on which theme you are using:

  • If you are using a theme that supports the Site Editor (i.e. you can see Appearance → Editor in your dashboard), you can change your site’s fonts using Styles in the Site Editor.
  • If you are using one of these themes, use the Global Styles option in the WordPress editor.
  • For other themes, you can customize the fonts used on your site through Appearance → Customize → Fonts.

Table of Contents

  1. Change Fonts with the Site Editor
  2. Change Fonts with Global Styles
    1. Adjusting Font Size
  3. Change Fonts in the Customizer
    1. Adjust Font Size and Style
    2. Save Fonts
    3. Change Fonts
    4. Reset Fonts
  4. Apply a Font to Specific Text
  5. Use Custom Fonts
  6. Frequently Asked Questions

Change Fonts with the Site Editor

If your site uses a theme that supports the Site Editor, you can change your site’s fonts with the Typography settings accessible from the Styles button in the Site Editor.

Une flèche pointe vers le bouton Styles dans l'éditeur de site.

↑ Índice ↑

Change Fonts with Global Styles

If your site uses any of these themes, you can use Global Styles to change the font of your site

  1. In your dashboard, click on Pages.
  2. Click on the Add New button or an existing page title to open it in the WordPress Editor.
    • Select your preferred layout or the default Blank layout if adding a new page.
  3. In the editor, click the Global Styles button. The “Aa” button is located between the Settings icon and the green Jetpack button.
  4. Click the drop-down under Headings or Base Font to see the available font options.

Une boîte autour du bouton Styles globaux qui se trouve dans le coin supérieur gauche de l'éditeur de blocs entre le bouton Paramètres de page et le bouton Paramètres Jetpack.

Fonts are set in pairs, one for headings and the other for the base font.

  • Heading Font: Choose a font to use for all of the headings on your blog. Common examples of heading text include post and page titles, widget titles, comment headers, and headlines inside posts and pages.
  • Base Font: Choose a font to use for the main body text and for the menus on your blog.

Click Publish to save your new font pairings in the Global Styles menu or Reset to revert the changes.

Publishing your changes in the Global Styles menu will not publish the specific page you are working on.

Ajuste del tamaño de fuente

The Block Editor provides options for changing the font size within individual blocks.

To change the heading font size, select a different heading (H1, H2, etc) in your heading block.

La barre d'outils au-dessus d'un bloc Titre avec la possibilité de modifier la taille de titre à utiliser. H5 through H6 options are located in the Block Settings to the side of the Block Editor.

Paragraphs, buttons, and other text blocks have a Typography option in the Block Settings where you can change the text size to a Preset size or type in a custom font size.

✅

If you don’t see the Block Settings menu on the right side of your screen, click the cog icon next to your “Update” or “Publish” button to open the menu.

The right side of the editor with the Settings cog activated to show the Block settings. Example of the Typography options for a Paragraph block

↑ Índice ↑

Change Fonts in the Customizer

Many themes have options to change the font by going to Appearance → Customize. If you don’t see font options in the Customizer, check to see if your theme supports the Global Styles method of changing fonts.

  1. From your dashboard, go to Appearance → Customize.
  2. Click on the Fonts option in the Customizer.
  3. Click the drop-down under Headings or Base Font to see the available font options.

The Customizing Fonts section of the Customizer displaying the Headings and Base Font drop-down menus.

Fonts are set in pairs, one for headings and the other for the base font.

  • Headings: Choose a font to use for all of the headings on your blog. Common examples of heading text include post and page titles, widget titles, comment headers, and headlines inside posts and pages.
  • Base Font: Choose a font to use for the main body text and for the menus on your blog.

Each time you change a font, the live preview refreshes so you can see how that font will look on your blog.

Ajustar el tamaño y el estilo de la fuente

Font style – To adjust the style of your heading fonts, click the option below and to the left of the font. The available styles will vary depending on the font you have chosen.

Font size – To adjust the size of either your heading or your base fonts, click the size option below and to the right for each selected font and select a size from the drop-down menu.

The Customizing Fonts panel with the Headings option set to Tangerine, the font style set to bold and the font size set to huge.

💡

You can change the global default font sizes with custom CSS.

Save Fonts

Once you are satisfied with your font selections, Publish your site, or Save Draft if you want to continue to customize your site before publishing it.

Change Fonts

Once you’ve selected your custom fonts, you can change them as often as you want.

To change the custom fonts you use, go to Appearance → Customize → Fonts and select a different Header or Base Font. Or, you can switch back to your Theme’s default font by clicking the X to the right of the custom font name.

Once you are satisfied with your changes to the fonts, click Publish or Save Draft to continue customizing your site.

The Customizing Fonts panel with an arrow pointing to the X to the right of the custom heading font to reset the font to the theme's default. Click the X next to a custom font to restore the default font for the theme.

📌

It may take a few minutes for your fonts to show up on your blog or site after you save them. You may also want to clear your browser’s cache to be sure you’re viewing the latest version of your site.

Reset Fonts

To reset your fonts to the theme’s defaults, you can click the X next to your current font.

  1. Go to Appearance → Customize
  2. Click Fonts.
  3. Click the X next to the custom font to reset the font to the theme’s default.
  4. Click Save Changes.

the Customizer Fonts option with the mouse clicking on the X next to the font selected for Headings and Base Font to set the font back to the theme's default.

↑ Índice ↑

Apply a Font to Specific Text

When choosing fonts, you’ll see options to set the fonts for your overall site, not for individual pages or a specific line of text. This is a best practice when it comes to design — websites look best when there is consistency with the fonts across the entire site. If a site had a bunch of different fonts, it could get unwieldy.

If your goal is to make a piece of text stand out, consider other ways of doing so, such as applying different colors, using a Quote block, or inserting an image.

↑ Índice ↑

Use Custom Fonts

You can use a plugin that installs more fonts on your site. Many plugins will allow you to add your own fonts to your site. When reviewing plugins, check the ratings, the number of positive comments, and the type of support you can expect from the Plugin Developer. If you decide not to use a plugin after testing it, make sure to deactivate/delete it to keep your plugin list clean.

💡

Not sure which font to choose? Get some ideas with this post on nine free and elegant cursive fonts.

↑ Índice ↑

Frequently Asked Questions

Can I connect a Typekit.com account to my WordPress.com site?

It is not possible to connect an outside Typekit.com account to a WordPress.com site or blog.

Will the fonts display in my language?

If you have selected a non-Latin language for the blog under Settings → General, then all of the custom font’s characters will be loaded. If you have selected a Latin language such as English, Italian, Portuguese, or Spanish, then only a smaller subset of the font will be loaded. If some characters aren’t displaying correctly on your blog, please check the language settings first to ensure you have selected the language you are writing in. Then, go to your Customizer → Fonts and re-save the font to make it update to your new language setting.

How can I tell if the font I want to use is supported for my language?

The best way to check if a particular font will display properly in any given language is to try that font in the Customizer and see if the font changes from the theme default. Currently, no Asian languages are supported, and Cyrillic is supported in most, but not all, font families. Wider language support is an area that will continue to grow and improve in the future.

Why does a different font briefly appear before my chosen font appears?

This is called Flash of Unstyled Text (FOUT). The text is displayed in the theme’s default font on slower connections first. This way, people can start reading your content before your custom font loads instead of waiting while looking at a blank page. This might mean that there’s a flash of a different font before the page finishes loading, but overall this is better for viewers on slower connections than seeing a blank screen. If you don’t want this to happen, you can add this CSS code to your site using the CSS Editor in Appearance → Customize → Additional CSS (Premium, Business, eCommerce, and legacy Pro only): .wf-loading body { visibility: hidden; } or html:not(.wf-active) body { display: none; }

Planes y precios versátiles

  • Libre

    plan-free-circle

    Lo mejor para los estudiantes

  • Personal

    plan-personal-circle

    Lo mejor para los aficionados

  • De primera calidad

    plan-premium-circle

    Lo mejor para autónomos

  • Negocio

    plan-business-circle

    The best for small businesses

choose a plan

Am I still confused?

Contact support.

Help us improve:

We are always looking to improve our documentation. If this page didn’t answer your question or made you want to know more, let us know! We love to hear your comments. For help, please use the forums or contact the support form. Thanks!

Name

E-mail

Site web

D

How to Change Fonts in Your WordPress Theme (5 Easy Ways)

Dernière mise à jour le 25 juillet 2022 par Equipe éditoriale | Divulgation des lecteurs Divulgation : Notre contenu est pris en charge par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Découvrez comment WPBeginner est financé, pourquoi c’est important et comment vous pouvez nous soutenir.

Comparte 747 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico

Are you looking to change the font on your WordPress theme to something different?

Your website text font plays an important role in your site’s design and brand identity. It can improve the readability of your content and make your site look modern and professional.

In this article, we’ll show you how to change font in WordPress using 5 different ways, so you can easily change fonts using no-code method, or change WordPress font without using any plugin.

How to change font in WordPress How to change font in WordPress

Why Change Fonts on Your WordPress Website?

Fonts are an essential part of your website design and have a huge impact on how your WordPress site will look and feel.

If your website has a difficult font to read, then it will be hard to retain visitors, and they’ll eventually abandon your site.

A font also shows your brand identity. For instance, you can use specific fonts to make your site look more professional, or casual.

WordPress themes come with a default font, font size, and font color for your website. However, you may want to change the default font to something different.

That said, there are several ways of changing fonts in WordPress. We’ll show you several different methods. You can click the links below to jump ahead to any section.

  • Changing Fonts in WordPress Theme Customizer
  • Changing Fonts in WordPress Full Site Editor
  • Change WordPress Fonts Using a WordPress Plugin
  • Change Fonts Using a WordPress Theme Builder
  • Customize Font Appearance in WordPress Content Editor

Changing Fonts in WordPress Theme Customizer

An easy way of changing your site’s font is by going to the WordPress theme customizer. It allows you to change the appearance of your website and shows a real-time preview.

Note: If your customizer menu option is missing, then your theme likely has full site editing enabled and you’ll need to use a different method or switch themes.

For this tutorial, we’ll use the Astra theme. However, the options will change depending on the WordPress theme you use. Depending on your theme, you’ll want to look for ‘font’ or ‘typography’ options in the customizer.

First, you can head over to Appearance » Customize from your WordPress dashboard.

Go to appearance menu Go to appearance menu

This will launch the WordPress theme customizer.

The Astra theme has a ‘Global’ section with options to change site-wide styles. To change the font on your whole website, you can click the ‘Global’ option from the menu on your left.

Go to Global settings Go to Global settings

On the next screen, you’ll see options like typography, colors, container, and buttons.

Go ahead and click the ‘Typography’ option.

Open typography settings Open typography settings

From here, you can choose different fonts under the ‘Presets’ section.

These are default fonts offered by the theme and selecting a preset will change the font on your entire website.

Change font in theme customizer Change font in theme customizer

Besides that, you can also change fonts for individual elements on your theme.

For example, you can use a different font for body and headings. There are even options to use separate fonts for each heading level.

To start, simply choose a font from the ‘Font Family’ dropdown menu for any individual element.

Change font of individual elements Change font of individual elements

Besides that, there are more options to change the font size, weight, select variants, and more.

When you’re done, don’t forget to click the ‘Publish’ button.

You can now visit your website and see the new font. For instance, we changed the body font to Roboto and the heading font to Helvetica on our demo site.

Font change preview Font change preview

It’s important to note that not all WordPress themes will offer the same features and customizations that Astra is offering. If your theme doesn’t offer that, then continue reading to the next step.

Changing Fonts in WordPress Full Site Editor

If you’re using a block-based WordPress theme like Twenty Twenty-Two, then you can change your site’s font using the full site editor (FSE).

The full site editor allows you to customize your WordPress theme using blocks, just like when editing posts or pages using the WordPress content editor. However, FSE is currently in beta and only a handful of themes support it.

For the sake of this tutorial, we’ll use the Twenty Twenty-Two theme.

To get started, you can head over to Appearance » Editor from the WordPress admin panel.

Go to full site editor Go to full site editor

This will open the full site editor for your WordPress theme.

Next, you can click the Styles icon in the top right corner and then click on the ‘Typography’ option.

Open the style settings Open the style settings

After that, you can select elements like text and links to change their typography.

We’ll select Text as the element and then click on the ‘Font Family’ dropdown menu to change its font.

Change font in FSE Change font in FSE

When you’re done, simply click the ‘Save’ button.

You’ve successfully changed the font using the full site editor. You can also add custom fonts to your WordPress site as well and then change them in the full site editor.

Change WordPress Fonts Using a WordPress Plugin

Another way of changing WordPress fonts is by using a WordPress plugin like Easy Google Fonts.

It’s a free WordPress typography plugin that lets you add over 600 Google fonts and different font variants to your website.

First, you’ll need to install and activate the Easy Google Fonts plugin. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, you will see the Easy Google Fonts welcome screen in your WordPress dashboard. You can scroll down and click the ‘Go to Settings → Easy Google Fonts’ button.

Ir a la configuración fácil de fuentes de Google Go to easy google fonts settings

On the next screen, you will see different plugin settings.

Go ahead and click the ‘Manage with Live Preview’ button at the top.

Click manage with live preview Click manage with live preview

This will open the WordPress theme customizer, and you be in the ‘Typography’ tab.

Another way of accessing fonts added by the plugin is by going to Appearance » Customize from your WordPress dashboard and then clicking the ‘Typography’ tab.

Go to the typography tab Go to the typography tab

On the next screen, you’ll see the ‘Default Typography’ option.

Go ahead and click on it.

Go to default font Go to default typography

After that, you can change the font of every element on your website.

For example, let’s change the font of Heading 1. Simply click the arrow next to Heading 1 to expand the options. From here, you can click the ‘Font Family’ dropdown menu and select a font.

Select a font using a plugin Select a font using a plugin

You can do the same for other heading levels and paragraphs.

Don’t forget to click the ‘Publish’ button when you’re done.

Change Fonts Using a WordPress Theme Builder

There are many powerful WordPress theme builders that let you create a custom theme without editing code. You can use them to change the font of different elements on your website.

For this tutorial, we’ll use SeedProd. It’s the best landing page and theme builder plugin for WordPress and offers a drag and drop builder to create custom themes without touching a single line of code.

Note that you’ll need the SeedProd Pro version because it includes the theme builder. There is also a SeedProd Lite version that you can use for free.

First, you’ll need to install and activate the SeedProd plugin. For more details, please see our guide on how to install a WordPress plugin.

Upon activation, you’ll see the SeedProd welcome screen. Go ahead and enter your license key and click the ‘Verify key’ button. You can easily find the license key in your SeedProd account area.

SeedProd license key SeedProd license key

After that, you can head over to SeedProd » Theme Builder from the WordPress dashboard.

Next, go ahead and click the ‘Themes’ button at the top.

Create your custom theme Create your custom theme

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

Simply hover over a theme you want to use and then click on it. We’ll use the Starter theme for this tutorial.

Choose a starter theme Choose a starter theme

SeedProd will now generate different theme templates.

You can edit each template and customize your WordPress theme. There’s even an option to manually add a theme template.

Let’s edit the Homepage theme template and change the fonts of different elements. To start, click the ‘Edit Design’ link under Homepage.

Edit home page layout Edit homepage design

This will launch the SeedProd’s drag and drop theme builder. You can add new elements from the menu on your left and place them anywhere on the template.

To change the font of any theme section, simply select it. For example, we’ll select the text box under the Starter heading.

Next, go to the ‘Advanced’ tab from the menu on your left and click the ‘Edit’ button in front of Typography.

Select text in theme builder Select text in theme builder

After that, you’ll see multiple options to edit the typography of your selected section.

You can click on the ‘Font Family’ dropdown menu and choose a font for your text. There are also options to select font weight, adjust the font size, line height, letter spacing, alignment, letter case, and more.

Change the font in the theme builder Change font in theme builder

You can now repeat this step and change the font of other elements on your theme.

When you’re done, simply click the ‘Save’ button at the top.

To apply the custom theme and fonts, go to SeedProd » Theme Builder and toggle the switch next to the ‘Enable SeedProd Theme’ option to Yes.

Enable SeedProd theme Enable SeedProd theme

If you’re looking to create a WordPress theme from scratch, then see our guide on how to easily create a custom WordPress theme.

Customize Font Appearance in WordPress Content Editor

Usando el editor de contenido, también puede cambiar cómo aparecen sus fuentes en publicaciones y páginas específicas del blog.

The downside of this method is that it will only apply the new font to that particular post or page. You would have to manually repeat this step for all other posts where you want to apply similar customization.

This can be really useful for post-specific customizations, but if you’re looking for a site-wide font change option, then you should consider the other options.

That said, to change the font using the WordPress content editor, just edit the post or add a new one. Once you’re in the WordPress content editor, select the text to change its appearance.

In the a su derecha control panel, head to the ‘Tipografía’ section. Luego haga click on the 3 dots before a typography and select ‘Apariencia’ de las opciones desplegables.

Open the typography configuration in the content editor Open typography settings in content editor

Once you do that, the Appearance settings will be visible in the Typography section.

Simply click on the Appearance dropdown menu and select a style for your font. For example, you can make the font bold, thin, italic, black, bold italic, extra bold, and more.

There are also options to change the font size, choose a capitalization, edit the color, enable capitalization, and more.

Choose an appearance style Choose an appearance style

Don’t forget to update or publish your page when you’re done.

We hope that this article will help you learn how to change the source in WordPress. You can also view our ultimate guide to WordPress SEO for beginners and check out our expert picks for the best small business email marketing services.

If you like this article, submit to a new YouTube channel for WordPress video tutorials. Also puede encontrarnos on Twitter and Facebook .

Share 747 Tweet Fee Fee Facebook Messenger WhatsApp Email

Google Google translator

Google Google Translate


Video How to change the font in wordpress theme

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…