How to Easily Add Custom Post Types to Your WordPress Website

Choosing the right font for your website can be a long and arduous task. There are a lot of things to consider – what font style will fit your brand essence, how many different fonts you should choose, whether to choose something safe or something more unique and challenging, and the list goes on. Still, the end result is often worth all the hassle, as good fonts can have a significant impact on the user experience and therefore the overall success of your web page.

Now, it’s important to note that we’re talking about custom post types strictly from a WordPress perspective. This means that we do not use the term “custom font” in its more general sense, which refers to fonts designed specifically for a client. Instead, we are talking about all fonts that are not included with WordPress out of the box.

Nowadays, custom fonts have become an ever-present strength of many WordPress sites. That’s why, There are many WordPress themes filled with custom fonts. However, having too many custom fonts enabled on your site can negatively affect your website speed. Fortunately, there is a way to avoid this. We decided to show you how you can add custom web fonts without slowing down your WordPress site. You can learn more about it below or watch the video instead.

Finding Custom Fonts

As we mentioned earlier, choosing which fonts to use for your site can be difficult. If you are not sure how to do this, There are both free and licensed font resources on the web – like font squirrel, E.g. This is a website where you can find free, high quality fonts from all over the web and use them for both personal and commercial purposes.

Except for Font Squirrel, Google Fonts, Envato, fonts.comand font area Here are just some of the many other places to help you find what you’re looking for.

During website creation, people often choose and combine two different fonts – one for headers and one for body copy. Choosing more than two fonts is not recommended unless you are an experienced designer, as they can make your page look messy and slow down your page load time. If you are not sure which fonts to use together, Font Pair It can help you make a decision and find the perfect combination for you. There, you can browse through the different font pair suggestions and instantly see the names of those fonts and how the two would look when edited together. you got option to download font pair in place. Site, Featured Couples, Serif/Sans Serif, Display/Sans Serif etc. It allows you to search for font pairs based on certain criteria, such as

writing pleasure is another site that can assist you in choosing a font pair. There is a Create button that you can click to create the fonts and you can specify how closely related they are. Also, if you’ve already selected a font, you can create another and see how it matches the ones you chose. all you have to do is click the lock icon next to the font you want so the font generator will know which to keep and which to render.

Using Custom Fonts with Qode Interactive Themes

If you are using (or planning to use) one of Qode Interactive’s premium WordPress themes, you should know that already comes with integrated Google Fonts. So if you want to use any Google font from Google’s huge font library, you don’t have to worry.

In our themes, you can find the font settings if you reach the options for the theme in question and then click on it. Fonts.

If you want to add another custom font to your theme, you can do so using one of the methods described in the “Adding custom WordPress fonts without a plugin” section of this article. On the other hand, if you do not use our themes but still want to own a Google Font, you can learn how to do it below.

How to Add Custom Post Types to Your WordPress Website Using a Plugin

Adding a custom font to WordPress is simple with a plugin. We’ll show you how to do it with two different plugins.

1. Google Fonts Typography

This plugin already comes with integrated Google fonts, so you don’t need to install any – just choose the ones you want to use.

after installing Google Fonts Typography pluginYou can access the options by going to Appearance > Customize > Google Fonts.

There is two different setting groups you can use – Basic and Advanced settings.

Inside Basic settings, you have three different options: Basic Typography, Header Typography and Buttons, and Entry Typography. this Basic Typography option allows you to select and configure the font for your body text (the text that appears most on your site). this Headings Typography option is to choose the font for all your titles. Buttons and Inputs Typography lets you choose a font for your input fields and buttons.

For more extensive options Advanced Settings. Once there, you will be able to choose a separate font for each title (like site title and description, post and page title and subheadings, fonts for sidebar and footer).

Also a Professional version of the pluginIt comes with a few other options, including the ability to customize the font size, color, and line height, the option to optimize your website performance by only loading the font weights you plan to use, and adding any custom elements you want. that the plugin can adjust the settings accordingly and make it more personal for your needs.

2. Easy Google Fonts

Once you install Easy Google Fonts pluginget over your head Appearance > Customize > Typography > Default Typography.

This plugin only lets you change fonts for paragraphs and headings, but not for footer, sidebar and other website sections. However, the Font Weight/Style, Text Decoration, Text Conversion, Font Size etc. You can set some additional features such as

Even if you can only change the fonts for your paragraphs and headings, you can still add custom parts of text For example, say you want to change the typography for blockquotes and links. To do this, simply add custom fields for these categories. We’ll show you how.

go Settings > Google fonts.

If you want the same font for both blockquotes and links, you need to create a Font Control. You can do this by entering a name. Control Name Click the field, then Create Font Control button.

Then you should place HTML tags in the same font control for both links and blockquotes (tags are blockquote and a). When done, click on Save Font Control.

When you create this new font control, you will receive additional settings. when you go Appearance > Customize > TypographyYou will see another tab called Theme Typography. Here you will find all the settings for the tags you have selected.

The settings you get will be the same as the default font controls.

Adding Custom WordPress Post Types Without a Plugin

There are ways to manually add custom WordPress fonts, and it’s really simple to do. You need some basic CSS knowledge to do this, but you can’t go wrong if you follow these steps. Below we will show you two different methods of adding custom WordPress fonts without using a plugin.

Method 1

First, go to Google Fonts and find the font that best fits your mind. Once you’ve chosen the font you want, you’ll get all the information you need to embed it on your web page.

At that time, Make sure you include the code in your header.php file. go Appearance > Theme Editor, find the header.php file and add the code just below the tag. The code for the Indie Flower font we chose is as follows:

<link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet">

Now you need Find the style.css file. To access, go to: Appearance > Theme Editor Select it in your Control Panel and style.css. There you will define the elements to which you want to apply the font. So, if you want a specific font for the H1 header, you would add this to the style.css file:

h1 {
font-family: ‘your font name goes here’, cursive;
}

You can add your font to any part of your site the same way. You just need to know the CSS selector of the element whose font you want to change.

Alternatively, there is another place where you can define where the font appears. click Customize > Additional CSS. Here you can monitor all changes in place.

Method 2

The simplest method to add custom post types to WordPress: Using CSS3 @font-faceallows you to use any font you want on your web page. First of all, you need to download the font you want to use in web file format. If you don’t have the format, you can simply convert it. FontSquirrel Webfont Generator.

Next, you need to upload your font files to your hosting server. You can do upload files to your child theme’s directory or to a new folder within the theme itself. You can use FTP or cPanel’s File Manager to upload the font.

After installing the font, you must load it into your theme’s CSS style sheet. You will use the CSS3 @font-face rule to do this:

@font-face {
font-family: Arvo; 
src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Arvo-Regular.ttf); 
font-weight: normal; 
}

You must specify the name of the font, its location on your server, and the font weight. From there, you can use this font anywhere on your site via simple CSS:

h1 { 
font-family: "Arvo", Arial, sans-serif;
}

Solution

And this is how you add custom WordPress fonts to your site. As you can see, there are many different methods you can use, and none of them are overly complicated. So go ahead, choose a font (or font pair) that suits your taste, add it to your WordPress site and start customizing your typography to make it beautiful, clean and eye-catching.