The font settings window will appear. There’ll be two tabs, “Customize Fonts” and “Fallback Fonts”. 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 typekit.com. 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 “*.readz.com” 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!
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.
font-1
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.
font-2
Google fonts can be also be added to your Readz project by visiting google.com/fonts. 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.
typekit-using-readz1
Fonts
How to connect Google Fonts and/or Typekit fonts to your Readz projects
LEARN MORE
DELIVER BETTER CONTENT EXPERIENCES
web element- close
web element- menu web element- blue menu
Back to Menu
web element- close
DELIVER BETTER EXPERIENCES
LEARN MORE
readz logo- mobile
twitter logo
facebook logo
linkedin logo
SUBSCRIBE
label 1
Email:
readz logo
SUBSCRIBE
readz logo- bold
readz logo
DESIGN THE WAY YOUR BUSINESS GROWS
Powerful, intuitive content creation software for marketers and designers.
VISIT READZ.COM
TRUSTED BY SOME OF THE WORLD’S SMARTEST COMPANIES
readz client- nonprofit readz client- health care readz client- sporting goods readz client- financial readz client- legalreadz client- technology readz client- mediareadz client- hospitality readz client- telecommunications readz client- outdoor advertising nurse.com_whitelogoAshley-Stewart-Logo_white
label 1
Email:
SUBSCRIBE
readz logo- mobile twitter logopink twitter logofacebook logopink facebook logolinkedin logopink linkedin logo
Share:
pinterest logopink pinterest logo
USING READZ
BEST OF
LATEST