How to add a custom (google) web font to ZOHO Sites? For all browsers! HERE IS MY SOLUTION!

How to add a custom (google) web font to ZOHO Sites? For all browsers! HERE IS MY SOLUTION!

Many users want to add a custom font to ZOHO SITES.
Here is my solution (for all browsers):

1. Choose and download your (legal) web font to your local drive. For example pick one at google fonts (https://fonts.google.com/) - I´ve choosen the "AmaticSC-Bold.ttf" (truetype format .ttf)

2. Go to Fontsquirrel Webfont Generator (https://www.fontsquirrel.com/tools/webfont-generator) and upload all your fonts you wish to integrate in you site.

3. Choose "Expert mode" and activate all of the following Font Formats: TrueType, WOFF, WOFF2, EOT, Lite, and SVG. (Because all the different browsers just supports some of the formats, if you want that your font is shown in all browsers choose all the format types - here you can find a comparison list https://socialcompare.com/en/comparison/browser-fonts-support-comparison) 

4. Keep all the other settings and click the "download the kit" button.

5. Extract all the files and upload all of them to a folder called fonts which you have to create in files (Manage -> Sttings -> Files) the path will be /files/fonts

6. Open the stylesheet.css file (one of the downloaded files in the fontsquirrel kit) and copy the whole code, then go to Theme -> Custom CSS Editor and paste the code there. Then you have add the path (/files/fonts/) before the name of the font files, it should look like this:

  2. /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 23, 2017 */

  4. @font-face {
  5.     font-family: 'amatic_scbold';
  6.     src: url('/files/fonts/amaticsc-bold-webfont.eot');
  7.     src: url('/files/fonts/amaticsc-bold-webfont.eot?#iefix') format('embedded-opentype'),
  8.          url('/files/fonts/amaticsc-bold-webfont.woff2') format('woff2'),
  9.          url('/files/fonts/amaticsc-bold-webfont.woff') format('woff'),
  10.          url('/files/fonts/amaticsc-bold-webfont.ttf') format('truetype'),
  11.          url('/files/fonts/amaticsc-bold-webfont.svg#amatic_scbold') format('svg');
  12.     font-weight: normal;
  13.     font-style: normal;

  15. }​

Click Save and close!


!NOTE! All the custom added fonts will not appear in the ZOHO Sites Visual Editor font list, you have to add code at the CSS classes in HTML/CSS Editor in the CSS section.


7. Now open Templates - > HTML/CSS Editor and switch to CSS section. You have to add the font-family name from your prior edited Custom CSS file to the CSS classes you wish. !! IMPORTANT: Your new font name should be the first in the list!
It should look like this:

  2. h1 {
  3. font-family:$BodyH1FontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  4. font-size:$BodyH1FontSize[72px];
  5. color:$BodyH1TextColor[#413f35];
  6. }
  7. h2 {
  8. font-family:$BodyH2FontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  9. font-size:$BodyH2FontSize[60px];
  10. color:$BodyH2TextColor[#413f35];
  11. }
  12. h3 {
  13. font-family:$BodyH3FontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  14. font-size:$BodyH3FontSize[48px];
  15. color:$BodyH3TextColor[#413f35];
  16. }
  17. h4 {
  18. font-family:$BodyH4FontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  19. font-size:$BodyH4FontSize[36px];
  20. color:$BodyH4TextColor[#413f35];
  21. }
  22. h5 {
  23. font-family:$BodyH5FontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  24. font-size:$BodyH5FontSize[30px];
  25. color:$BodyH5TextColor[#413f35];
  26. }
  27. h6 {
  28. font-family:$BodyH6FontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  29. font-size:$BodyH6FontSize[24px];
  30. color:$BodyH6TextColor[#413f35];
  31. }
 Edit all the classes you wish, maybe also the Sitename class

  2. .themeSitename {
  3.  font-family:$SiteNameFontFamily['amatic_scbold', 'Playfair Display', Georgia, serif];
  4.  font-size:$SiteNameFontSize[72px];
  5.  color:$SiteNameTextColor[#2b2928];
  6.     font-weight: 700;
  7. }

Hit save and close!

DONE!
Puplish your site and check it in your different browsers!

If something went wrong you can check the demo.html page in the prior downloaded kit.
Or you may ask ZOHO Support or post your question in this forum.

Kind regards Matthias

    Access your files securely from anywhere






                    Zoho Campaigns Resources




                          Zoho Developer Community



                              Bootcamp
                              Community
                              Pricing
                              Webinars
                              What's New
                              Integrations
                              Contact Support
                              Contact Sales
                                Zoho Survey Resources
                                  Features
                                  Survey Templates
                                  Integrations
                                  Community
                                  iOS Mobile Surveys
                                  Pricing
                                  Android Mobile Surveys
                                  Insurvey Blogs
                                  Insight Blogs
                                  Tips & Tricks





                                              Latest Feature Updates

                                                • Desk Community Learning Series


                                                • Digest


                                                • Functions


                                                • Meetups


                                                • Kbase


                                                • Resources


                                                • Glossary


                                                • Desk Marketplace


                                                • MVP Corner


                                                • Word of the Day


                                                • Ask the Experts




                                                    Zoho SalesIQ Resources

                                                          • Sticky Posts

                                                          • SEO for your Zoho Sites Website

                                                            Join our live webinar to learn how to use Zoho Sites' SEO tools to boost your website's ranking. Our product specialist will demonstrate everything you need to know about optimizing your web pages to make them search engine friendly. Register here for free: https://www.zoho.com/sites/webinars/

                                                          • Website Accessibility

                                                            I have two sites created in Zoho Sites which are both live. Some questions: 1. Are any of the template themes WCAG 2.1 AA compliant? 2. How do I change the format of a sub-heading in the header section? 3. Is there any way to add focus indication for

                                                          • Unveiling Zoho Sites 2.0 - A new dimension in website building

                                                            Dear Zoho Sites Users, We are thrilled to announce the launch of Zoho Sites 2.0 today! This refresh represents a significant step forward in the capabilities of Zoho Sites and is crucial for creating a lasting and positive impact on our customers' businesses.

                                                          • Visual Editor Webinar

                                                            Join our FREE live webinar to learn how to use the Zoho Sites Visual Editor to easily design your website. Our product specialist will demonstrate how this tool will help you customize your website to suit your requirements.  Register here: https://www.zoho.com/sites/webinars/

                                                          • Zoho Sites Webinar | Integrations

                                                            Join our FREE live webinar to learn how to integrate both Zoho and third-party products with your Zoho Sites website. Our product expert will demonstrate how to use these integrations to grow, manage, and retain the customers you bring in. Learn how to take your business forward and build stunningly robust and efficient websites. Register here: https://www.zoho.com/sites/webinars/


                                                          Manage your brands on social media
                                                          Access Zoho Social

                                                            Zoho Pagesense Resources


                                                                Zoho TeamInbox Resources

                                                                  Zoho DataPrep Resources


                                                                    Zoho CRM Plus Resources

                                                                      Zoho Books Resources


                                                                        Zoho Subscriptions Resources

                                                                          Zoho Projects Resources


                                                                            Zoho Sprints Resources


                                                                              Qntrl Resources


                                                                                Zoho Creator Resources



                                                                                    Zoho CRM Resources

                                                                                    • CRM Community Learning Series

                                                                                      CRM Community Learning Series


                                                                                    • Kaizen

                                                                                      Kaizen

                                                                                    • Functions

                                                                                      Functions

                                                                                    • Meetups

                                                                                      Meetups

                                                                                    • Kbase

                                                                                      Kbase

                                                                                    • Resources

                                                                                      Resources

                                                                                    • Digest

                                                                                      Digest

                                                                                    • CRM Marketplace

                                                                                      CRM Marketplace

                                                                                    • MVP Corner

                                                                                      MVP Corner







                                                                                        Design. Discuss. Deliver.

                                                                                        Create visually engaging stories with Zoho Show.

                                                                                        Get Started Now


                                                                                          Zoho Show Resources

                                                                                            Zoho Writer

                                                                                            Get Started. Write Away!

                                                                                            Writer is a powerful online word processor, designed for collaborative work.

                                                                                              Zoho CRM コンテンツ






                                                                                                Nederlandse Hulpbronnen


                                                                                                    ご検討中の方




                                                                                                          • Recent Topics

                                                                                                          • Access Denied

                                                                                                            I am iOS Developer and updating our clients project and shifted ZohoDeskPortalCore SDKs from cocoapods to SPM and changed few lines of code but now i am get access denied, the help center app is unavailable. please contact administrator.

                                                                                                          • Using Zoho Desk to support ISMS process

                                                                                                            Hi, I am evaluating using Zoho Desk for security incident management. This seems to be aligned with Zoho Desk purpose as its just another type of incident. However in security incident management, ideally I can link incidents (tickets) with a risk from

                                                                                                          • Bin Locations

                                                                                                            Dear all, I am wondering if someone has the ability to develop the bin locations option for zoho inventory (integrated with zoho books) Regards, Ryan

                                                                                                          • TaxJar vs Avalara

                                                                                                            Hi, I'm evaluating adoption of a sales-tax service for US based business. Anyone else have experience with TaxJar and Zoho Books? I am a Zoho One subscriber so anticipate needing to use Flow to make this work. It seems like Avalara are simply too expensive

                                                                                                          • How to check Leads with no Task (open activity)

                                                                                                            Hi everyone, I was wondering if there’s a way to view leads that don’t have any tasks assigned or open activities linked to them.

                                                                                                          • What can we do on our end to improve the Answer bot answers?

                                                                                                            Hi, I'm using the Answer bot card in the Codeless bot builder. I've input several questions and their answers in the FAQ section to feed the Answer bot. The text is all in French, as this is the language our customers communicate in. I've tried testing

                                                                                                          • How to upload file to Connect using API?

                                                                                                            Hi there. I looked at the API documentation and nowhere did it mention how to use the API method to upload a file even though it is mentioned that it is possible to be done so. Please help.

                                                                                                          • Group Tax in Service Line Items

                                                                                                            Hi FSM Team! I noticed that when you update a tax in the service line item the group tax is not showing up as an option. Let me know what can be done thank you!

                                                                                                          • FSM Improvement Idea - Show an Import button when there is no data

                                                                                                            I am setting up FSM for a client and I noticed that there is no option to import data, see screenshot below. Even when you click Create Contact there is only an option to Import from Zoho Invoice. It is only after you add at lease 1 record that the Import

                                                                                                          • Zoho FSM API Delete Record

                                                                                                            Hi FSM Team, It would be great if you could delete a record via API. Thank you,

                                                                                                          • OAUTH_SCOPE_MISMATCH Error for Marketing Automation APIs with CRM Plus Account

                                                                                                            I'm trying to integrate Marketing Automation journey triggering via API but getting OAUTH_SCOPE_MISMATCH errors. I need clarification on API access for CRM Plus users.

                                                                                                          • Access token generate from the refresh token not working for API

                                                                                                            Dear Sir/Madam, When I use my refresh token to obtain new access_token, that token return INVALID_TOKEN when the same API is called. I made sure that my api site is correct and match the auth web site. However the original access_token work fine.

                                                                                                          • Function #4: Schedule Customer Statements

                                                                                                            Regularly sending statements to customers is an imperative part of many business processes as it helps foster strong customer relationships and provides timely guidance on payments. While you can generate the statement of accounts and have it sent over

                                                                                                          • Limiting search or dependencies with an asterisk "*".

                                                                                                            I have a form with several dependency fields with options still developing for each field. Since these options were developing and not yet ready to be a selection in the field, I placed a filter for the dropdown field. In this filter, I selected fields

                                                                                                          • Cross Data Center Support for 1:1 Chats with External Users

                                                                                                            Hello Zoho Cliq Team, We hope you're doing well. We appreciate the recent enhancement that enables cross data center collaboration in external channels, which has already improved communication across distributed teams. However, we’ve noticed that this

                                                                                                          • Handling Greetings/Small Talk at the Beginning of a Zobot Conversation

                                                                                                            Hello everyone, I’m currently configuring a **Zobot** in Zoho SalesIQ and everything is working as expected, except for one specific scenario at the very beginning of the conversation. My target audience has the habit of starting with a **greeting or

                                                                                                          • Regex in Zoho Mail custom filters is not supported - but it works!

                                                                                                            I recently asked Zoho for help using regex in Zoho Mail custom filters and was told it was NOT supported. This was surprising (and frustrating) as regex in Zoho Mail certainly works, although it does have some quirks* To encourage others, here are 3 regex

                                                                                                          • Importing a new list into campaigns

                                                                                                            I'm in the middle of switching my email platform to campaigns. I have a list that I want to import, and it overlaps with my existing Zoho CRM list. The fields in my Zoho CTM are more robust. Will this new list that I upload into my campaigns overwrite

                                                                                                          • when I email a invoice how can i see it was sent and also were i can go to see all emails sent

                                                                                                            when I email a invoice how can i see it was sent and also were i can go to see all emails sent?

                                                                                                          • How can I see content of system generated mails from zBooks?

                                                                                                            System generated mails for offers or invices appear in the mail tab of the designated customer. How can I view the content? It also doesn't appear in zMail sent folder.

                                                                                                          • CRM Blueprint Notification by Cliq

                                                                                                            Dear Zoho team, In Workflow, there is nofication by cliq, but in blueprint, there is no option as cliq notification. I think it is very convenient to get notified by Cliq , as there are multi modules in apps, but we will always check Cliqs

                                                                                                          • Zoho People Attendance Regularization – Wrong Total Hours Displayed

                                                                                                            While using Zoho People, I observed that the attendance regularization is showing wrong total hours when applied to past dates. For example, if a check-in is added at 10:00 AM and check-out at 6:00 PM for a previous date, the system sometimes calculates

                                                                                                          • Sync Contacts in iOS

                                                                                                            What does the "Sync Contacts" feature in the iOS Zoho Mail app do?

                                                                                                          • Live webinar: Craft the ideal sales pitch deck with Show

                                                                                                            Every great sale starts with a great story. And your pitch deck? That’s where the story takes shape. But too often, these presentations end up looking generic, overloaded with text, or lacking structure. The good news is, it's easier to fix than you think!

                                                                                                          • Project Statuses

                                                                                                            Hi All, We have projects that sometimes may not make it through to completion. As such, they were being marked as "Cancelled". I noticed that these projects still show as "Active" though which seems counter intuitive. In fact, the only way I can get them

                                                                                                          • 👋 Welcome to the Zoho MCP Community

                                                                                                            Hello all, glad to have you here! This is your space for everything AI agents, MCP tools, and intelligent business apps. This community is for you — developers, partners, creators, and businesses exploring how agents can transform work. Whether you’re

                                                                                                          • DNS Manager

                                                                                                            Where Can I find my DNS manager so I can link this to click funnels or AWEBER

                                                                                                          • How do I sync multiple Google calendars?

                                                                                                            I'm brand new to Zoho and I figured out how to sync my business Google calendar but I would also like to sync my personal Google calendar. How can I do this so that, at the very least, when I have personal engagements like doctor's appointments, I can

                                                                                                          • Need to extract date from datetime field

                                                                                                            I have a datetime field and need only the date part from it. I am unable to find a built-in function that would be <DateTime>.Date(). I don't think I want to go the string conversion route of converting the datetime to string and then parsing out values and create a date out of it. Any one out there has a better solution to this? Thanks in adavnce. Regards Moiz Tankiwala Smart Training & IT Solutions

                                                                                                          • New in Cadences: WhatsApp follow-ups, upgraded limits, and options for add-ons

                                                                                                            Hello everyone, We're rolling out two key updates to help you engage better and scale smarter with Cadences in Zoho CRM. Reach customers on WhatsApp, directly from Cadences Previously, Cadences have enabled you to automate follow-ups through emails, calls,

                                                                                                          • additional accounts

                                                                                                            If I brought 5 emails to my account. Can I later buy additional emails.

                                                                                                          • Issue in Zoho People Regularization – Incorrect Hour Calculation

                                                                                                            I have noticed that when applying attendance regularization in Zoho People for previous dates, the total working hours are not calculated correctly. For example, even if the check-in is 10:00 AM and check-out is 6:00 PM, the system shows an incorrect

                                                                                                          • Why I am unable to configure Zoho Voice with my Zoho CRM account?

                                                                                                            I have installed Zoho Voice in my Zoho CRM, but as per the message there is some config needed in Zoho Voice interface. But when I click on the link given in the above message, I get an access denied page.

                                                                                                          • Issue with Hour Calculation in Zoho People Attendance Module

                                                                                                            I have noticed an issue in the attendance regularization feature of Zoho People. When trying to regularize past dates, the total working hours are not calculated correctly. For example, if I enter a check-in and check-out time for a previous day, the

                                                                                                          • Cliq Meeting Calls No Audio and Screen Share

                                                                                                            When in a Cliq channel meeting, the audio does not work at all on pc. When i use my phone as audio source, screen share on pc does not work. I have updated audio drivers but the strangest thing is that during a 1 on 1 call, it works well. Therefore the

                                                                                                          • Work anniversary and birthdays on connect

                                                                                                            Hello, I like the idea of having employee's work anniversary and birthdays on the dashbaord. Do you have to have the employee complete this information themselves in connect settings, or does it pull from their directory settings? (ie. we use Zoho one

                                                                                                          • Alias Email Id already exists

                                                                                                            Hi I'm trying to create an alias : contact @ yoavarielevy.co.il but i get the message  Alias Email Id already exists I had an account with the same name but I deleted it. Can you help? Thanx Yoav

                                                                                                          • Feature Request: Ability to Set a Custom List View as Default for All Users

                                                                                                            Dear Zoho CRM Support Team, We would like to request a new feature in Zoho CRM regarding List Views. Currently, each user has to manually select or favorite a custom list view in order to make it their default. However, as administrators, we would like

                                                                                                          • Adding Multiple Products (Package) to a Quote

                                                                                                            I've searched the forums and found several people asking this question, but never found an answer. Is ti possible to add multiple products to a quote at once, like a package deal? This seems like a very basic function of a CRM that does quotes but I can't

                                                                                                          • webinar registration confirmation are landing in SPMA folders

                                                                                                            I am trialing zoho webinar and do not have access to custom domains. When I test user registrations, they are working but the resulting confirmation email is landing in a spam folder. How can I avoid this?

                                                                                                          • Next Page