Custom Fonts

Hi there!

I'm new to Zoho Sites, I've been working on a web for a couple of days and I just can't get right how to add and use custom fonts.

So here's the situation:

-I upload my font (i tried this with ttf and otf types) to the files folder.

-I click on Themes>Custom CSS Editor and write this exact sentence:

@font -face {
   font-family : firstFont ;
   src : url (files /pixelart.t tf ) ;

}

-I save and close and again, click on Themes>HTML/CSS Editor and scroll to h1 class, then replace the first font name with mine.

h1 {
font-family : $BodyH1FontFamily [ 'firstFont' , Georgia , "Times New Roman" , Times , serif ] ;
font-size : $BodyH1FontSize [ 30px ] ;
color : $BodyH1TextColor [ #000000 ] ;
}

-I save and close and the texts formatted as Header 1 displays Georgia font. I can only assume it's not finding to font file and it just jumps to the next in line.

...What am i missing? Do i have to summon the Custom CSS from the stardard CSS or the HTML in any way? Like with a ref or something? Am i supposed to see my new font in the font gallery or in the dropdown menu when editing an object on the editor?

Thanks in advance for your help and for the great site builder you offer :D

Cheers!

Zoho Desk Resources

Desk Community Learning Series
Digest
Functions
Meetups
Kbase
Resources
Glossary
Desk Marketplace
MVP Corner
Word of the Day

Sticky Posts
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.
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
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/
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/
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/