• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Add Custom Fonts To The WordPress Editor

This tutorial shows you how to add custom fonts to your editor in WordPress.

There’s 4 steps you need to take after installing the Fonts plugin.

The 1st step is to load your custom fonts for use on the front end of your site:

custom-font-editor

The following example loads the Trash Hand custom font:

Register for full access

Related Tutorials

  • Add Google Web Fonts To Your WordPress Editor

Reader Interactions

Comments

  1. Carla Hall says

    July 9, 2018 at 10:54 am

    Is there a way to install a custom font to my editor by using a CSS editor plugin, instead of touching the CSS directly?

    Thanks,
    Carla

    Log in to Reply
    • Brad Dalton says

      July 9, 2018 at 10:59 am

      I think you could use the code in the 5th step if your plugin already loads the font as long as it’s loaded in the backend as well, otherwise, use the 4th and 5th steps.

      Log in to Reply
      • Carla Hall says

        July 17, 2018 at 1:35 pm

        I’ll try it – thanks!

        Log in to Reply
  2. shinecrusaders says

    November 6, 2016 at 5:05 pm

    Nice! Thanks.

    Log in to Reply
  3. shinecrusaders says

    November 6, 2016 at 10:12 am

    Hi Brad,

    A couple of questions after installing your plugin:

    1. Is the code for steps 1 (front end) and 4 (back end) both going into the functions.php file in child theme root after //* Enqueue scripts and styles ?

    2. with step 5 where is that going? somewhere in the fonts.php for your plugin I’ve loaded into my WP site?

    Thanks in advance for any insight/clarification you can offer!

    Victor

    Log in to Reply
    • Brad Dalton says

      November 6, 2016 at 4:13 pm

      Hi Victor

      All the PHP code goes into the end of your child themes functions file and the CSS goes in your child theme’s style.css file.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.