Knowledge Base

How Can We Help?

How to Add Font Awesome Icons to Your WordPress Site?

You are here:

 

Font Superior is a toolkit of fonts and icons, that are based mostly on CSS and LESS with 1,278 icons, was launched on December 7, 2017. The newest model of Font Superior is available in two packages Font Superior Free and the proprietary Font Superior Professional. We will create a visually interesting web site by including Font Superior Icons.  Font Superior Icons are masses quicker as a result of they aren’t pictures, they’re CSS fonts. The principle advantages of Font Superior Icons are listed under.

1) With out compromising the standard of icons, we are able to show the icons at any sizes. Which means the icons are vectors.

2) The icons are customizable, you’ll be able to change the colour and likewise add animation to the icons.

3) Supported in all browsers.

 

We will add the Font Superior to our WordPress website in two methods: manually and utilizing a plugin.

 

Including Font Superior Icons to your web site manually.

       We will add Font Superior Icons manually to our WordPress website by including some codes to your theme’s operate.php file. Observe the under steps so as to add Font Superior Icons manually.

1) Login to your WordPress Dashboard.

2) Click on on the “Editor” menu from the part “Look”.

Font Awsome Icon

 

 3) Click on on the hyperlink “Theme Features” from the right-hand facet of the prompted display.

Font Awsome Icon

 

4) Copy and paste the under codes to the capabilities.php file.

add_action( ‘wp_enqueue_scripts’, ‘tthq_add_custom_fa_css’ );

operate tthq_add_custom_fa_css()

wp_enqueue_style( ‘custom-fa’, ‘https://use.fontawesome.com/releases/v5.0.6/css/all.css’ );

 

Including Font Superior to Your WP Website Utilizing a Plugin

We will add Font Superior Icons to your web site utilizing a free plugin “Higher Font Superior”. To put in the plugin, please observe the steps.

1) Login to your WordPress Dashboard.

2) Click on on “Add New” underneath the part “Plugins” and seek for the plugin “Higher Font Superior” and set up and activate the plugin.

3) On any publish or web page, use the insert of this plugin to embed a variety of icons in your web site.

Leave a Comment