Regardless if you use Flipsnack for professional use or for your personal use, fonts and typography are an important part of your publication.
How can fonts and typography help you and your publications?
Choosing the perfect typeface and font is a vital part for every designer, because it has a huge visual impact and it can guide and inform your readers, optimize readability, accessibility and usability.
Having a custom font will really help get your designs right and communicate your message using your brand font.
Together with typefaces and fonts come other aspects that you need to take in consideration such as: text contrast, consistency, white spacing, alignment, color and hierarchy.
How does it work?
First, fonts and typography features can be found in My flipbooks, in the Branding section, on the lower left hand side. Everyone has access to see what it contains, but all our branding features require a premium subscription.
Upload your fonts directly in Branding
To upload one or more fonts you need to go to the Fonts sections, click “Upload your font” button and select the font you want to use. After you select your font you will have to confirm that you have the legal right to use that font.
Now you can upload a whole family of typefaces with its fonts and organize them as you want.
Our Design editor automatically detects the style of the fonts you upload from the following: regular, medium, light, thin, bold, italic, and more.
Important: Please keep in mind that we only accept TTF and OTF file types for custom fonts.
Upload your fonts directly in Design editor
To upload one or more fonts you need to go to the Design editor, choose the flipbook you want to edit and select a text box. After that you go to font selection and click on "Upload your font". Now you select your font and you have to confirm that you have the legal right to use that font.
The font you uploaded is automatically applied to the selected text and it will become available as an option in the fonts list with an arrow icon marking it.
Learn how to use typography
To create a custom default text style you need to go to the Typography section and add a new text style box.
You can create as many custom defaults text styles as you need for headings, sub-headings or paragraph/body text. If you want to delete and add another style, simply go to the Branding section of your dashboard and create more.
Customize it on your own choosing the font and style you want to use. You can make the text to be bold, italic, underline, strikethrough, with low or uppercase.
Spacing, size and orientation are important because you want your text to be as visible as it can be for your readers.
Colors are essential for your publication visual aspect and for creating a positive experience for your readers. Don’t forget to overflow, wrapt or clip the text, a perfect option for tables.
Now that you've learned how to use typography, let’s see how you can apply your customized fonts and typography to a new publication or to an old one you want to edit.
For fonts: select the text box you want to edit, choose one of your fonts and select the style you want it to be.
For typography: using drag and drop, select one of your custom default text styles and start writing.
So wait no more and personalize your Fipsnack profile and publications.
What’s new (October 2020)
We’ve made significant updates to typography features:
- Now you select and upload multiple fonts at a time, which wasn’t possible before.
- The interface in the Design Studio looks slightly different, because you have 2 dropdown menus instead of one, for selecting the type family (eg Arial) and for the font (eg Bold).
- You can now use multiple fonts in one text box.
- Bold and italic will only be available in text editing if the type family contains a matching font in bold or italic. Up until now, our tool was allowing the use of bold and italic on any font, even if the specific font was not available. However, this led to a series of issues, mainly because the browsers were each interpreting the styling in their own way, so the
- Text looked differently in browsers such as Google Chrome, Safari, Mozilla Firefox, Microsoft Edge, Internet Explorer, Opera or other. Obviously many designers were not happy about it so we had to do something about it. Now, the bold will always look the same because browsers will be displaying the true font, and not an interpretation of bold.
Rest assured though, nothing will happen to your already published catalogs, unless you decide you want to edit and change the font styling.