Online Tips for Web Developer/Designer

typeface.js is easy to use

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Here’s what it takes to get going: load the typeface.js library and some typeface.js fonts, then proceed like normal:

<script src="typeface-0.14.js"></script>
<script src="helvetiker_regular.typeface.js"></script>

<div class="typeface-js" style="font-family: Helvetiker">
	Text here in Helvetiker font...
</div>

Creating your own set of custom fonts using typeface.js

The typeface.js include 3 fonts for download and use. Helvetiker, Optimer, Gentilis.
http://typeface.neocracy.org/fonts.html
To generate your own set of fonts, prepare the font that you want to covert, and upload it to the above link. After the upload it will take you to another page to select the type that require for your fonts sets, by default the whole range are select. If you want to decrease some of the file sizing, uncheck some of the unuse element.