Here in Bootyard, we use css to style fonts for our websites or apps. But then, they still look boring and common especially when we get to visit some good-looking websites where they have custom style of texts. We’re pretty sure that it weren’t just done with the use of css. So, how did we do this?
A developer will immediately use @font-face. But the availability of this feature is limited, so we still prefer to use Cufon.
Setting up cufon for your site is easy:
Step 1: Download the cufon library
Step 2: Choose and download your font
Find some nice fonts with OTF, TTF, or PFB filetypes from font squirrel. For example purposes, we downloaded the Angelina font style.
Step 3: Convert it
Step 4: Conversion options
Step 5: Add it in your project
Step 6: Calling it.
Now select the elements that you wish to customize. We usually use it in headings.
Cufon.replace(' h1, h2, h3, #cufon-area h4, .cufon-font ');
And that’s it! Happy Coding! =)