jokal - a free font & webfont

spacer
Download Jokal Jokal @font-face Demo spacer

100% free & hand crafted @font-face

A custom serifed font, Jokal was originally born while working on San Antonio based band Abberdein's Heart Like Your Heart project. We initially started out with some custom type for the album cover but eventually ended fleshing out an entire font.

spacer spacer

@font-face and Web Typography
@font-face is quickly becoming the standard format to bring non "web-safe" fonts to the web browser. This opens a whole new world in the realm of web typography - greatly enhancing the web browsing experience. In the interest of pushing the web forward, we are providing free @font-face licensing so you can use Jokal on your website, both in non-commercial and commercial ventures.

Demo of @font-face | More info on @font-face and how to use CSS @font-face

spacer

Behind the Font
Our goal in the beginning was to create a font that felt like it was hand made and evoked a very personal, human feel. We wanted to saturate every letter of Jokal with a unique character. To accomplish this, we sketched every single letter starting with pencil, paper, and a little bit of imagination.

Once the drafts were complete, letter sketches were brought into Illustrator. While guides and a grid were used to promote consistency throughout the font, the irregulaties of the pencil sketches were intentionally kept to preveserve unique traits of Jokal that were imparted by the pencil.

Jokal Font Design Process on Dribbble | Preview all Characters

spacer spacer spacer spacer spacer spacer
Download Jokal Jokal @font-face Demo spacer
spacer Follow @perspectivebold on Twitter

Want to see our work?

Design Portfolio

View Our Other Font

GeoCon Font

Click to Expand

Recent Tweet spacer

follow us on twitter, on Facebook, and on Google+.

RSS Feed for Designers RSS Feed for Developers

Of course, you can Subscribe to Both if you'd like!

close
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.