The multi-font style lets you create a heading with two different fonts. The regular text keeps the font selected in Showit, while any words you set to italic automatically appear in Oswald.
You can easily replace Oswald with another font:
- First, make sure your new font has been added under Design Settings → Fonts.
- Select the page containing the heading from the left-side panel.
- Open the Advanced tab in the right-side Properties Panel and click Custom CSS.
- Click anywhere inside the code editor, then press Command + F on Mac or Control + F on PC.
- Search for
Multi-font textbox. Showit will take you directly to this section:
/* Italic parts switch to Oswald */
div.multi-font i,
div.multi-font em {
font-family: 'Oswald', sans-serif !important;
font-style: normal !important;
font-size: 93% !important;
}
Now replace only Oswald with the exact name of your new font. For example:
font-family: 'Cormorant Garamond', serif !important;
You can also adjust this line if the new font looks slightly too large or small:
font-size: 93% !important;
100% keeps it at the heading’s regular size, a lower number makes it smaller, and a higher number makes it larger.
Save the CSS, preview the page and adjust the percentage if needed. That’s it—every italicized word inside a multi-font heading on that page will now use your new font.
If the effect is used on several pages, repeat these steps on each page containing the multi-font CSS.