Customize

Custom Fonts

Custom fonts are a great way to add a unique look to your site. You can customize the font used for all headers and base font (the content areas) through Design → Customize → Fonts.

Table of Contents

Getting Started
Adjusting Font Size and Style
Saving Fonts
Changing Fonts
Reset Fonts
Frequently Asked Questions

The Custom Fonts feature allows you to easily change the fonts that appear on your blog or site in a few clicks — no coding required. All sites have access to our collection of free Google Fonts. Additional beautiful fonts from Typekit are included with the WordPress.com Premium and higher plans.

Watch the video below for a quick overview of how it works, and read below for more examples and settings.

Getting Started

  1. From My Site(s) go to Design Customize.
  2. Click on the Fonts option in the Customizer.
  3. Click the drop down under Headings or Base Font to see what font options are available.
fonts-panel

If you do not see the Fonts option in the Customizer, the Theme you have selected does not have the option to change the fonts. Check out the Theme Showcase to find a more suitable theme!

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 includes 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.

↑ Table of Contents ↑

Adjusting Font Size and Style

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 your 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 dropdown menu.

Customize Font - Font Size

With the WordPress.com Premium Plan or higher, you can add custom CSS to change the font size and style of different elements on your site.

↑ Table of Contents ↑

Saving 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.

  It may take a few minutes for your fonts to show up on your blog 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.

↑ Table of Contents ↑

Changing Fonts

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

To change the custom fonts you use, go to Design →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.

Custom Font - Reset to Default
Click the X next to a custom cont to restore the default font for the theme.

 It may take a few minutes for your fonts to show up on your blog 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.

↑ Table of Contents ↑

Reset Fonts

To reset your fonts to the theme’s defaults, you can easily do so by selecting the X next to your current font.

Customize Fonts - Default Theme Font

↑ Table of Contents ↑

Frequently Asked Questions

Can I add more fonts?

You can install additional fonts if you have a WordPress.com Business plan, through use of a plugin. For other plans here at WordPress.com, it is not possible to add fonts beyond our curated collection.

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

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?

 Some of the instructions from this guide are referring to the WP Admin dashboard. You can get to this dashboard by adding /wp-admin to the end of your site’s url (e.g.: example.wordpress.com/wp-admin)

If you have selected a non-Latin language for the blog in WP Admin 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 make sure you have selected the language you are writing in and 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.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help