Detailed Guide: How to Install and Manage Custom Fonts on a WordPress Website

On WordPress, in addition to using the standard fonts provided by the platform, you can also install custom fonts to better suit your design needs. This guide will detail how to install custom fonts from theGoogle FontsInstalling fonts and how to upload your own font files gives you more flexibility in your WP self-taught site building process.

Install or upload fonts

Fonts can be installed from Google Fonts or you can upload your own font files. Below are the detailed steps:

Installation from font library

1. Activate Business Plan: Return to your WordPress.com site and activate your business plan now if it is not already activated.
2. Navigate to the Appearance Editor: In the site's dashboard, navigate to "exterior condition → editor (software)".
3. Select Style Options: Click the Style option in the Design menu.
4. Go to Typography Settings: Click Typography in the Style sidebar menu.
5. Manage Fonts: Click the "Manage Fonts" button.

6. Allow access to Google Fonts: Click on "Install Fonts" and then click on the "Allow access to Google Fonts" button to allow access to Google Fonts. You can start browsing fonts now.
7. Selecting and installing fonts: Click on the font name and select the variant to install, followed by "mounting"Button.
8. Completion of the installation: After the font is successfully installed, it will appear in the "Installed fonts"Under the library.

Note: To install fonts from Google, you must grant permission to connect directly to Google servers. The installed fonts will be downloaded from Google and stored on your site, and your site will then use these locally hosted fonts. Fonts can be installed at any time via the "Installation of fonts"Partial revocation of access.

In the Installed Fonts section of the fonts, if you know the name of the font you want to use, you can search for it directly. Categories can also be filtered to show different types of fonts included:

• sans serif (typography)
• showcase
• serif (typography)
• write by hand
• equal-width font

Uploading font files

1. Download Font Files: AccessGoogle Fontsand browse or search for the fonts you want to upload. Click on the name of the font, then click the "Get Fonts" button and click the "Download All" button to start downloading the font file. Note where the font file is saved on your computer.

2. Unzip the file: Navigate to the location on your computer where you saved the font file and unzip the zip file. In most cases, double-clicking on the file name will unzip the file.
3. Activate Business Plan: Return to your WordPress.com site and activate your business plan now if it is not already activated.
4. Navigate to the Appearance Editor: Navigate to "Appearance → Editor".
5. Go to Typography Settings: Click the Styles option in the Design menu, then click Typography in the Styles sidebar menu.
6. Manage Fonts: click "Manage Fonts"Button.
7. Upload Fonts: Click the Upload tab and then click the Upload Fonts button to browse for font files downloaded from Google Fonts.
8. Finish uploading: Find and open supported font files (supported formats:.ttf, .otf, .woff and .woff2). After the font is successfully installed, it will appear in the library under "Installed Fonts".

Using installed fonts

After successfully installing or uploading a font, the font will appear wherever text fonts can be edited. The font can be set as a global style or applied to single line text.

Deactivate or delete installed fonts

If you no longer use a font on your website, you can deactivate it or remove it from the site completely. Deactivating or removing a font means that any text using that font will no longer display that font family.

1. Accessing the Dashboard: Access to the WordPress dashboard.
2. Navigate to the Appearance Editor: Navigate to "Appearance → Editor".
3. Go to Typography Settings: Click the Styles option in the Design menu, then click Typography in the Styles sidebar menu.
4. Manage Fonts: Click the "Manage Fonts" button.
5. Deactivate or delete fonts::
   • To deactivate the font, uncheck the box next to the font and click the Update button.
   • To remove or uninstall the font, click the Remove link.

Reactivate deactivated fonts

If a font has been deactivated (but not deleted), you can reactivate the font:

1. Accessing the Dashboard: Access your WordPress dashboard.
2. Navigate to the Appearance Editor: Navigate to Appearance → Editor.
3. Go to Typography Settings: Click the Styles option in the Design menu, then click Typography in the Styles sidebar menu.
4. Manage Fonts: Click the "Manage Fonts" button.
5. Reactivate fonts: Under Installed Fonts, click on the font you want to reactivate, check the box next to the font variant, and click the Update button.

With the above steps, you can easily install and manage custom fonts on your WordPress website to make your website design more personalized and professional.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off