When designing a website, for example, in important places, using custom fonts that are different from other places will make our website look different and make users like it more. According to research, using fonts that are different from the main text in the title section or call to action can attract the user ’s attention and increase the conversion rate. These different fonts often require us to use custom fonts. Below is an article that talks about how to add custom fonts to your WordPress site and how to use custom fonts.
Why use custom fonts?
The era of Times New Roman and Georgia or Times New Roman as the only typeface for text on the site is over. In the past few years, with the advent of fonts such as Google Fonts, the font space has completely changed. Today, hundreds of able fonts, statistics and drill tools, and design properties are accessible on the Cyberspace. Dissimilar Adobe Illustrator, Photoshop, and other typical bids, WordPress cannot fully control fonts by default. Only certain themes choose to support and use custom fonts. Therefore, in this article, the reader will learn how to find suitable custom fonts and how to use them on the WordPress website.
The importance of using custom fonts
Reason to change the font, indent words, line spacing, letter spacing, or font saturation? Some studies have shown that layout can improve reading comprehension. To a large extent, it depends on the structure of the font. At the conscious and subconscious level, everyone evaluates the content of the web page through design. Font design affects readers, even if they don’t pay attention. Abandoning font design means giving up development itself! The mood of the reader depends on this. Fonts either make reading easier or force users to leave the page.
All net browsers embrace a set of defaulting letterings. This means that if the lettering is not stated in the CSS of the sheet, the standard version will be used. The site owner can always use the default fonts, but they will complicate the user’s work. This is why custom fonts must be used. If the theme does not provide the option to change the font, many websites and tools can help.
Google font substitution
Many know of the free Google fonts. There are beautiful fonts on many other websites. Some of them are free for personal use. If commercial use is required, a license is required. Google fonts and Adobe Edge fonts are free.
Here are some other resources for free and commercial fonts:
Template Monster
On the Template Monster Marketplace website, there are many personal fonts and font packages used at low prices. In addition, they are introduced in the ONE Web Development Kit. The collection is huge and creative. To help the user choose, all fonts appear on the booklet or frame. Each font also comes with a commercial license.
My Fonts
My Fonts currently provides the world’s most font selection. However, the prices here also belong to the high-end market. Therefore, if your budget is tight, it may not be for you.
Font Spring
Font spring sells beautiful fonts for commercial use. But in almost any font, 1-2 free fonts can be used for personal purposes. In addition, there is a separate section with free fonts. The collection is vibrant. However, before downloading, study carefully the licensing information for specific fonts.
Cufon fonts
It is also an extensive collection of different fonts. Choose any one and you will see a page with detailed information about it. There are many free fonts, they are divided into several parts. The sorting system on Cufon Fonts is very flexible and convenient. In addition, Web font support is also included.
Da font
Another accessible collection of 3,500 free fonts. Most of them are for personal use only. A nice feature of Da Font is the classification system. You can choose comics, video games, vintage. The choice of fonts is very tempting because they are very beautiful. But do not choose too much. Use no more than two fonts on a website. This way the website will look the same. After selecting the font, make sure to download each style of the file to use (normal, bold, italic, etc.).
Now that you have selected the appropriate font for your website, let us know how to add it.
How to add custom fonts to WordPress
There are several ways to add fonts to a WordPress website:
- Plugins: In this case, different WordPress plugins will be used to simplify this process.
- Manual: Using this method, upload the downloaded font to the site and edit the CSS file.
- Themes: Many popular themes include built-in options for custom fonts (please note we will not be able to discuss this option because the process will vary depending on the theme you use.)