Storytailor comes pre-loaded with a handful of fonts for you to choose from. But many of you use a font on your blog that is not available in our list. You can add any hosted font (from services like Google or Adobe) to Storytailor in just a few quick steps.
Step 1 — Identify Your Font
You may already know the name of the font you wish to use. If you don’t know the font name, in Storytailor go to Help > Contact Us and we can help you identify it.
Step 2 — Add a Web Font in Storytailor
In Storytailor | Blog, open the Settings menu. Select “Blog Settings” and then click the “+” under the font list. An input window will open — leave it there for the moment.
Step 3 — Search for Your Font
In a web browser, click up https://fonts.google.com/ (or the hosted font provider of your choice) and search for the font you intend to use. Click the link for “Select This Style” and a bar will appear toward the right side of your browser window.
In this pane, make sure the option for “<Link>” is selected. Select and copy the Font Family Name.
Step 4 — Link Font in Storytailor
Paste the Font Family Name in the appropriate spot in Storytailor.
In your browser, select and copy the code in the marked box. Then paste the copied code into the code box as shown. Click Save to close this pane, then click OK to close the Settings pane.
Step 5 — Font Selection in Storytailor
Now, when entering text copy in a blog post, select the new font you’ve added in the text tools bar. Click the three dots to expand the tool bar and use the drop-down to select your font.
If successful, the font will display in-app and on your site.