Custom Fonts
Choosing the right font for your website will not only improve the website aesthetics, but will also make the content readable whilst establishing content hierarchy. Precisely for this reason, Zoho Sites has a library of versatile fonts and variations of them (sizes and weights). Every time you click the text of the element on your site builder, you will see the font options from the dropdown which you can select to best showcase your headline, CTAs and more.
- Select Manage under the
hamburger menu icon on the left. Choose Fonts. You will see all the fonts listed here, grouped as serif, sans serif, and cursive, for your convenience.
- Click Custom Fonts. If you are adding custom fonts for the first time, click Add Font Family.
- In the popup that opens, enter the name of the font family. Font family implies the main typography design, based on which there can be variants of it in different weights and styles. Choose Substitute Font from the dropdown, which denotes the style of the font.
- The newly added font family will be listed on the dashboard. To upload variants of it, click Add Font below. You can add bold, italics, heavy, or any other kind of font under the font family.
- You can choose to upload the fonts from your system. Remember to upload TrueType Font (.ttf) files. You will see the uploaded font under the font family.
- You will see the variant listed below the main font. To add another variant, click on Add Font below the list, and to add an entirely new typeface, choose Add Font Family in the top-right.
- Click Edit Font Family to make changes to the font style you have uploaded.
- You can delete the font family by clicking Delete Font Family next to the font family you wish to remove. Similarly, you can also delete the font variant belonging to a font family by clicking Delete next to the font variant you want to remove.
- In the dialog box that pops up, click Delete.
- You can only add or upload one font at a time. It is not possible to upload multiple fonts simultaneously.
- When uploading an italic font file, it is necessary to also upload the corresponding normal version of the font file.
- When you delete a font family, its variant fonts will also be deleted.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Custom CSS Editor
You can easily style your website to your preference with Zoho Sites' Custom CSS Editor. This enables you to add your own CSS scripts and take complete control of the look and feel of your website. Go to the Zoho Sites dashboard and click ...Custom Mail Sender
Email addresses added and verified here can be selected as the "From" addresses for sending notification emails. Add the email address Go to Configuration -> Site Options. Select the Custom Mail Sender tab. Click Add Email. Add the Sender name and ...Element: Paragraph
Whether it’s adjusting the tone of your messaging or adding fresh content at the right places, this feature empowers you to keep your content relevant and engaging. This option lets you edit the paragraph element across the website. You can choose to ...Element: Heading
Adding a heading element to your website may seem like a small detail, but it can make a big impact on the overall design and user experience. A well-crafted heading can give your visitors a clear indication of what to expect from your content. By ...Menu Highlight
By highlighting the menu option through contrasting colors, borders, or bold fonts, you can draw attention to it and encourage visitors to explore further. To make the edits: Go to your dashboard, click Customization and choose Visual Editor (or ...