Appearance, Upgrades

Custom Fonts

Head to the Customizer’s Fonts panel to check out our collection of free Google Fonts, available to all sites. The Custom Fonts feature allows you to easily change the fonts that appear on your blog in a few clicks — no coding required. Additional beautiful fonts from Typekit are included with the WordPress.com Premium and WordPress.com Business upgrades.

Note: 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)

Getting Started

To select custom fonts, from My Sites choose Customize → Fonts, and click the font name to see a list of available fonts.

fonts-panel

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

Font size – To adjust the size of your fonts, click the size option below and to the right for each selected font and select a size from the dropdown menu.

font-size

↑ Table of Contents ↑

Saving Fonts

Once you are satisfied with your font selections, click the “Save” button.

Note: it may take a few minutes for your fonts to show up on your blog after you save them.

↑ Table of Contents ↑

Changing Fonts

It’s easy to change your fonts after you have saved them. Simply go to Customizer → Fonts in your homepage, and click the font name to select a different font or click the “X” to the right of the custom font name to return to the default font used by your current theme. Click the “Save” button.

Note: it may take a few minutes for your fonts to show up on your blog after you save them.

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

custom-fonts-reset-8-27-15
fonts-panel

↑ Table of Contents ↑

Frequently Asked Questions

Can I connect a Typekit.com account to my WordPress.com blog?
We no longer support connecting an outside Typekit.com account to a WordPress.com blog as of Nov 2013. We made this change so that we can focus on making one set of simple-to-use tools in your Customizer → Fonts, which includes a selection of Typekit fonts, instead of maintaining two sets of separate tools. Blogs that currently have a Typekit.com account connected using the Advanced Mode for fonts may continue using that connection, but new users no longer have the option to connect an outside font account.

I’m using Advanced Mode. Can I switch back to Standard Mode?
Yes you can, but because Advanced Mode is being phased out, you will not be able to return to Advanced Mode once you switch to Standard Mode. To switch back to Standard Mode, go to Customizer → Fonts, click the go here link and delete the Typekit Kit ID and click Save your Typekit Kit ID.

Will the fonts display in my language?

Note: 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 out in the preview 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 can’t I find the font I’m looking for?
We removed a few of the less popular fonts in November 2013 to make room for new ones. If you can no longer find a font you’re looking for, then it is not available any more and you will need to select a different font.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help