How to Use Multiple Fonts in One Text Box in Showit

Описание: In this video I show you how you can easily use multiple fonts in one text box inside of Showit.

In this video, I walk through two methods:

1) One uses inline formatting (this will work for Google fonts, when multiple weights of the same font are loaded ie. bold, italic)

2) The second method works for Google fonts and any custom fonts you may have on your site.

You can also use this method on other website platforms if you have the ability to edit the HTML code of your text.

PRO TIP: If your font is showing in the Showit builder, but not on your preview/live site, make sure that there is at least one instance of a textbox using that font somewhere on the page already. You can set the visibility to 0% if you don't want that element showing, but this is necessary to load it onto the page.

TIMESTAMPS:
00:00 - Intro
00:50 - Method 1 - Load Multiple Weights of a Google Font
02:03 - Method 1 - Example of Multiple Weights
03:03 - Method 1 - Use Inline Formatting
04:29 - Method 2 - Combine 2 Fonts in One Text Box
05:39 - Method 2 - Add a New Text Box
06:39 - Method 2 - Open the HTML Text Editor
07:05 - Method 2 - Add a HTML Span
08:56 - Method 2 - Fine Tune Your Styles

KEYBOARD SHORTCUTS

Open the Text Box HTML Editor
Mac: Option + Click
PC: ALT + Click

Resize from Center
Mac: Option (Hold) + Resize
PC: ALT (Hold) + Resize

SPAN CSS PROPERTIES

font-family: 'DM Sans';
font-weight: 700;
text-transform: uppercase;

Follow Me:
  / @thekdesignco  
Purchase the template used in this video: https://kdesign.co/product/becca