For a long time now, we’ve been used to seeing the same fonts used time and time again in content across the web. Arial, Helvetica, Sans-Serif & Times New Roman… but say you really want to capture the eyes of your audience with a headline they should not miss.

Sure, when it comes to everything we do, we like being creative, but we love being clever too. Jig Media ensures a rich, bespoke and eye-catching website design which utilises all of the tips and tricks which we stand for, including being able to display interesting typography in areas of your website which desire the most attention. It could be a sale or promotion, a new service or a news headline; whatever it is, we’ll put our flair behind your key selling points to give your website the edge over your competition.

Want to see how it’s done?

Ok, so here are some really easy steps to follow in order to achieve Cross Browser, CSS only & SEO-Friendly Custom Fonts on your Website.

Find a Font: Find 1000’s of free fonts to download for PC & Mac at www.dafont.com.
Prepare your Font: You must have both a .ttf (True Type Font) file and an .eot (Embedded Open Type) version of your font. To convert your .ttf to an .eot, go to www.ttf2eot.sebastiankippe.com.

The CSS:
@font-face
{
font-family: font_file_name;
src: url('font_file_name.eot');
src: local(font_file_name), url('font_file_name.ttf') format('opentype');
}

Use this CSS in your Style Sheet or on your Web Page and modify the CSS accordingly with your font’s file name.

Using your Font:
Simply apply your custom font to a div, class or style by using the ‘font-family’ property.
In CSS: font-family:font_file_name;
In HTML: style=”font-family:font_file_name;”