How to Add Fonts

Learn how to add in custom fonts directly from your computer, through Google Fonts and through Typekit.

Webydo Support avatar
Written by Webydo Support
Updated over a week ago

Step 1: Double click into your text element and open the Design Panel. 

Step 2: Select the font drop-down and click the ADD FONTS button at the very bottom

Step 3: A window will appear with three tabs to choose from: Add Google Fonts, Upload Your Fonts, and Connect Typekit Fonts

Add Google Fonts

Use the search function to find the Google Font you want to add, then select it on the left. You will see your selected fonts appear on the right. Click OK to save. 

Upload Your Fonts

Click the Upload Font Files button and add the fonts from your computer. 

Once added, your selected fonts will appear on the right. Click OK to save.  

Keep in mind that not all fonts are supported by all browsers.

Connect Typekit Fonts

Generate your Typekit token and paste it into the field provided. If you do not know how to generate the token, first login to your Typekit account then click the "Generate your Typekit token" link in Webydo. It will be generated for you, and you can copy and paste it in.

Once the token has been submitted, you will see a dropdown menu where you can select your specific kit to add. Once added, your selected fonts will appear on the right. Click OK to save.  

Did this answer your question?