How to Use Custom Fonts

Requirements:

  • Magic Action Box v2.16+

Often times when creating your own user style, you may want to use the same fonts used by your theme in your action box.

This guide will show you how to make custom fonts available in the font selection drop-downs when you create your own user styles.

Note:

This how-to assumes that the font is already loaded on your website either by the current theme or by another plugin. If the font is not loaded, then no matter how faithfully you follow this guide, it won’t work.

Know the name of the custom font

Knowing the name of the custom font you want to use is important as this will be the value used in the drop-down.

In this how-to, we will be using a Google Font named Droid Sans.

Custom Fonts Setting

In your WordPress Dashboard, go to Magic Action Box → Styles & Buttons then click on the Custom Fonts tab.

Enter the font name – in this case Droid Sans into the textarea field.

As written in the field description, you may specify multiple fonts by typing each font name on it’s own line.

Custom Fonts

Your custom fonts are now available to use

Now, edit your user style or create a new one.

User style list

Then go to any font selection setting like say Content Copy tab → Main Copy setting and you should now see the custom font available you specified earlier.

Font selection drop-down Workspace 1_043

No comments yet.

Leave a Reply