Joomla Templates Club 406,261 posts

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#170264

Example: I need to add Destroy font (http://www.fontsquirrel.com/fonts/download/Destroy) into template. How do I do?

• I download font from http://www.fontsquirrel.com/fonts/download/Destroy. I extract zip file. I have DESTROY_.ttf
• I go to http://www.fontsquirrel.com/fontface/generator. Click Add fonts button, choose DESTROY_.ttf. Choose Optimal. Check Yes, the fonts I’m uploading are legally eligible for web embedding.. I click Download your kit, I have zip file contains font-face files
• I create a new folder in /templates/your-template/fonts (If fonts folder isn’t available, create it). In this case, the folder names destroy (/templates/your-template/fonts/destroy). Extract zip file into /templates/your-template/fonts/destroy.
• Add this code into begin of /templates/your-template/css/template.css file

@import url(../fonts/destroy/stylesheet.css);

How to use new font. You open /templates/your-template/fonts/destroy/stylesheet.css. Attend font-family line, like that

font-family: 'DestroyRegular';

Bold text is font name you will use. You change font-family property in /templates/your-template/css/template.css to use new font (destroy font), like that

font-family: DestroyRegular, Tahoma, Helvetica, Arial, sans-serif;

3 users say Thank You to khoand for this useful post

1. irfandi
2. we2solutions
3. mobiletown

[Author]

Posts