The font settings window will appear. There’ll be two tabs, “Customize Fonts” and “Fallback Fonts”.
Readz comes with fonts ready for you to use out-of-the-box. The fonts provided are “web-safe” fonts. A web-safe font is a font family that is going to look the same on all devices and all browsers that are supported by Readz. Many of these ready to use fonts are Google fonts. Google fonts are all web-safe fonts and the best part, they are free to use! Along with Google fonts, Readz has integrated with Typekit, which is another repository of web-safe fonts from Adobe.
How to add fonts to your Readz project From within the editor, select any textbox element. In the Font Style settings, locate the “Font Settings” button.
It is the button with the capitalized letter F in the lower half of the panel.
Fonts Shown in Editor
In this portion of the Font Settings window, you can remove or hide fonts you don’t want to use. Fallback Fonts

In the Font Settings window, there’s another tab called “Fallback Fonts”. This is a setting that will turn off or on the custom font blocker. The custom font blocker is a setting for tablet and phone SEO optimization, a standard defined by Google. Custom web fonts do increase the file-size of a webpage, so blocking custom fonts for the tablet and the phone is rewarded by Google when they rank your page for speed. To adhere to Google’s rules, we offer this option so your Readz page can be ranked the highest possible in Google if that’s what you are after. The desktop view of your pages will not be affected by this setting.
Google fonts can be also be added to your Readz project by visiting Select the fonts and the weights of those fonts you want to use. Google fonts will recommend you to keep the font file size to a certain limit, Readz also advises that you follow that suggestion. Add the fonts you need to use by clicking on “Add to selection”. Once all the fonts are selected, click on “Use”. Google will provide some code to copy in their section #3. We are looking for the Standard code. Copy that code and paste it into the Readz font settings section for Google Fonts. The fonts you wanted to add should now appear on the right side under the “Fonts Shown in Editor” portion.
Customize fonts is where you can both add more fonts from Typekit or Google Fonts. Typekit fonts require that you first have an account with On their site, you’ll create what they call a “kit” which’ll be the collection of fonts you want to add to your project. Typekit will recommend you to keep the font file size to a certain limit, Readz also advises that you follow that suggestion. Once you’ve selected all your fonts to go in your kit, you need to configure the domain settings for your kit. Add “*” and your custom URL (if you have one) to the domain list. This’ll permit your Readz publication to communicate with Typekit to pull those fonts.

Those setting up custom URLs on Readz, you should also make sure to add the domain of your custom URL to the Typekit Domain list.

In the "Embed Code" part of the Typekit Kit Setting window, at the bottom you'll find "If you're using a plugin or service that asks for a Typekit Kit ID, use this:". Take that code, and paste it into the Font Settings menu in Readz. In a few seconds, you'll see your Typekit fonts appear on the right-side.

Don't forget to publish your Typekit kit!
How to connect Google Fonts and/or Typekit fonts to your Readz projects
Thank you & welcome!
Thank you & welcome!
Drag-and-drop content creation, integrated marketing tools and performance analytics, all in one platform.