Blog

Do You Want To Add Fonts In WordPress WYSIWYG Editor? Follow this article for a solution.

Typography is not just about choosing fonts; it’s an art that can transform your WordPress website into a captivating visual experience.

While custom fonts can enhance your content, what if you could take it a step further and add interactivity to your typography?

We’ll explore the enchanting world of interactive fonts in the WordPress WYSIWYG editor. Get ready to unlock the magic and captivate your audience with typography that goes beyond the ordinary!

Add Custom Fonts In WordPress WYSIWYG Editor

WordPress comes with a built-in WYSIWYG editor that allows you to easily format your text and add images to your posts and pages. However, the default fonts that are available in the editor may not be to your liking.

Here is a Solution For Add Fonts In WordPress WYSIWYG Editor.

Changing fonts and their sizes are two different things.

If you want to change fonts, there are multiple ways.

1. You can use the WordPress theme editor and edit your style.css and enter your desired fonts, however this is something for an advanced user. You can use following code: body {font-family: Verdana, Arial,Helvetica, Futura, sans-serif; }
2. Adding Custom Fonts

Let’s go with the second way.

Firstly Add Fonts To the Theme

Then Once Fonts Are Added And Ready To Use, Go To Function.php of Your Theme

And Add This Code In function.php


if ( ! function_exists( 'wpex_mce_google_fonts_array' ) ) {
function wpex_mce_google_fonts_array( $initArray ) {
$initArray['font_formats'] = 'Lato=Lato;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
return $initArray;

}

}

add_filter( ‘tiny_mce_before_init’, ‘wpex_mce_google_fonts_array’ );

You Can See Here Fonts, Now Append Your Font Here . This is how you can add Fonts in WordPress editor.

Best Places to Find Custom Fonts:

Here are some of the best places to find custom fonts for your WordPress site:

• Google Fonts: Google Fonts is a great place to find free and open-source fonts. There are over 1000 fonts to choose from, and you can even preview them before you add them to your site.
• Font Squirrel: Font Squirrel is another great place to find free fonts. They have a wide selection of fonts to choose from, and you can also find premium fonts that are on sale.
• MyFonts: MyFonts is a great place to find high-quality fonts. They have a wide selection of fonts to choose from, and you can also purchase fonts individually or subscribe to a font-on-demand service.

Adding custom fonts in WordPress site is a great way to give your site a unique look and feel. With so many different fonts to choose from, you can find the perfect fonts to match your style and branding.

WordPress is an open-source content management system (CMS) written in PHP and also connected with databases like Mysql, MariaDB. WordPress was created as a block publishing system but has evolved to support other types of web content.

According to Wikipedia till 2019 all over the world used more than 60 million websites including 33.6% of the top 10 million websites.

WordPress provides free templates. The mean of the template is these are the front end of a website that shows all details about the site and also connected with databases.

With interactive fonts in WordPress WYSIWYG editor, you have the power to enchant your audience and create immersive experiences that leave a lasting impact.

By incorporating techniques such as variable fonts, CSS animations, JavaScript libraries, and interactive elements, you can transform your typography into a magical journey for your website visitors.

So, embrace the world of interactive typography, unleash your creativity, and let your words cast a spell on your audience!

That’s It! I hope this article helps you to Add Fonts In WordPress WYSIWYG Editor.