Fonts App

Adding new fonts to your website typography

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

SpringBuilder has emphasized on multiple occasions how important the efficient text content is for your website. It's defining the message that needs to be delivered to your site visitors, while the smartly chosen text's typography determines the visual impact your content leaves on the readers.
That's exactly where the integration with Google Fonts comes in handy.

The Fonts App on your Dashboard enables adding loads of great Font Styles that can be used on your website.

Let's check out how it all works, shall we?
Just open the App and you'll find all the fonts available by default in My Fonts section. Simply hover over the Fonts and you'll notice options to add the Font Styles available for certain Languages from dropdown menus.

Now we can move to Font Library to make use of new Fonts from Google Fonts on tap.
As you see, you can filter the Fonts from the list of Typefaces, select from Languagessupported by the specific Font , choose the Number of Styles available, etc. Keep in mind, that the number of styles allows your fonts to be displayed in different formats, such as bold. Not having necessary font styles will disable the bold setting and you won't be able to use it! Therefore, if possible, activate the relevant font styles.

All you need to do to boost the fonts available on your SpringBuilder website is search for the suitable Fonts and click 'Add'. Once you've added the new font, it will automatically appear in My Fonts section, at beck and call to be used on your site, as well as on the Panel enabling editing the text.
Make sure to scroll down to find all the new fonts.

Need a more custom solution?

SpringBuilder offers another cool option for you to add custom fonts. Custom fonts can help you freshen up your website and stand out. As mentioned above, simply head to 'My Fonts' section and hit the '+' icon to upload your own. Keep in mind that the supported formats are ttf, otf, woff.

In case you think a certain font doesn't match your site's Typography, just hover over it and you'l notice the '-' option to Remove it from your fonts.

And finally, a pretty helpful tip from SpringBuilder!

We highly recommend using up to three different font styles to optimize your page load speed as adding more fonts may affect your website's overall page speed. Besides, it is more appropriate UX-wise as the usage of too many fonts on your website won't look eye-flattering and user-friendly! You can always check the status of your Load Time at the top right corner of the Fonts App.

That's it! Go ahead and enrich your Fonts Library to give a more elaborated look to the text content of your website.
Feel free to get in touch with us in case of any questions on Fonts and stay tuned for the upcoming updates and new cool features waiting to go live!

Did this answer your question?