2 Fonts, 1 Line

Look Demo

Having two different fonts in the same line couldn’t be easier. This plugin uses css editor and works with all template families.


How To Install

On any page, highlight the text you’d like to change and select the bold style. Save the page when done.

Next, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// 2 Fonts //

h1 strong {
  font-weight: bold;
  font-family: Times New Roman !important;


Change the h1 text property to the one you’d like to target. This can be either h1, h2, h3, or p.

Switch out the font family with the name of the font you’d like to use for the second font. If you want the text to match non-bold text, you can change the font weight from bold to normal. This will remove the bold completely.


No notes.