Comments on: Render Text With Javascript: Typeface.js

By: Rudiger

Rudiger — Fri, 06 Feb 2009 14:39:12 +0000

It’s strange that H tags aren’t working for some when they’re the only tags that seem to work for me? typeface.js is wonderful in theory but as of version 0.11 it has too many bugs to be used reliably.

By: Find Free Quality Fonts (+ 10 Fonts Included) | SulVision

Find Free Quality Fonts (+ 10 Fonts Included) | SulVision — Thu, 25 Dec 2008 00:58:50 +0000

[...] have been talking about and introducing great CSS typography alternatives like sIFR3, FLIR or Typeface.js. They have given us more typography possibilities and [...]

By: Stefan Vervoort

Stefan Vervoort — Tue, 25 Nov 2008 21:59:57 +0000

@axiom – Thanks for the fix! I will include it in the article.

By: axiom

axiom — Tue, 25 Nov 2008 21:53:59 +0000

Ah, I have found that it does work on H1s, the trick is to add a “font-weight:regular” to your stylesheet. Heading tags are bold by default, and generally, the fonts created by the typeface script are only rendered in a regular weight.

By: Find Free Quality Fonts (+ 10 Fonts Included) » DivitoDesign

Find Free Quality Fonts (+ 10 Fonts Included) » DivitoDesign — Sun, 16 Nov 2008 15:35:13 +0000

[...] have been talking about and introducing great CSS typography alternatives like sIFR3, FLIR or Typeface.js. They have given us more typography possibilities and [...]

By: Geezer

Geezer — Thu, 13 Nov 2008 00:07:19 +0000

Axiom, I stand corrected. You’re right, it doesn’t seam to work on H tags H1 to H6.
p, span and div seam to be all it works on. Still worth it, though.

OK, I did over a clients site using it: http://thecolonelscamp.com/
Check it out and let me know what you think.

I did have one problem on the Covert Combative Arts page: For some reason Firefox didn’t put space between some words when I used spans to change text colors inline (see the source code). So I had to put ” ” (an empty span tag) in between to push the letters apart in a couple places.
Putting in the empty spans didn’t affect IE at all, which is weird….

By: Geezer

Geezer — Tue, 11 Nov 2008 21:33:28 +0000

Great, thanks, Stefan.

And I forgot: even after you do that search refining on dafont.com, some fonts STILL don’t pass through the conversion. So it can be frustrating, for sure.

By: Stefan Vervoort

Stefan Vervoort — Tue, 11 Nov 2008 19:22:11 +0000

Thanks Geezer, you’ve put down some great tips there.

To get to your latest point: I think these fonts are great too (Able to download from Dafont.com and these are in the public domain):
Geo Sans Light, Clementine Sketch and Rough Typewriter.

I will do a font on this subject soon though!

By: Geezer

Geezer — Tue, 11 Nov 2008 18:04:04 +0000

THIS IS THE ONE, folks. Hands down the best. FLIR and SIFR are WAY too complicated for non-code crazy humans, plus FLIR makes a giant cache on your server.
I tried both, and this is a cake-walk, and is easy to tweak.

to: AXIOM: it works on everything for me, p, h1-6, everything.

Only problems with this: the number of fonts available, and difficulty finding them.

dafont.com makes it a lot easier, though: Click on a category (like Cartoon), then go to “More Options” next to the Submit button. In the new fields, check only PUBLIC DOMAIN and FREE (and maybe Shareware?).

Here’s the ones I found so far that work and look good (IMO):
Bellerose, Berliner, Gunplay, Heather, Starcraft

Let’s help each other out and post fonts that we find on here!

By: skins for bebo

skins for bebo — Tue, 11 Nov 2008 15:20:00 +0000

thanks for this tip, will look into putting this on my site. thanks.