PDA

View Full Version : using real fonts on your website


gentleone
11-20-2009, 06:28 AM
Hey guys, I believe the time is really there that we can use real fonts on our websites. Typekit (http://typekit.com/) is the company that has made it happen and has already great font-foundries in their library, like FontFace, Underware, Betatype, Fonthead and many more.

I did try sIFR in the past, but I was not so fond about this method because what it did it was making a Flash movie from the typeface and you could use it only for headlines and not complete paragraphs.

I will give it a try with Typekit (http://typekit.com/) and see what it does or does anyone else already tried it?

Corrosive
11-20-2009, 07:42 AM
Not tried it but it looks interesting. Let us know how you get on.

gentleone
11-20-2009, 08:43 AM
Well... that went pretty easy :)

Sign up for a trial account, add 2 lines of javascript to your HEAD, choose your font, select on which CSS selector the font must be used, publish... and that's it!

I've tested it on my re-design page and I used it on the H1 tag. The trial font-library has not that many nice fonts, so I tested it with the typeface Legitima.
And I have a Typekit badge underneath in the right corner of my page, but that goes away if you upgrade and pay for the service.

Conclusion: Up and running in 2 minutes and it renders very well & quick!

Have a look: http://www.gentlemedia.nl/indexter.php

gentleone
11-20-2009, 09:11 AM
I can use 2 fonts on on 1 website, so I also took a font (font-face "Report") and putted this one on the paragraphs and links for testing.

So! No hassle at all and still a fast page loading. This is really cool!!! :grin:
A much better alternative than sIFR.

Corrosive
11-20-2009, 11:18 AM
Maybe we'll get @font-face support one day.

gentleone
11-20-2009, 11:45 AM
You're right, but it was fun experimenting with it... I took it off my page so the test case is closed :)

edbr
11-21-2009, 04:10 AM
i think it will come before too long, its a much wanted and i think its funny that fonts can be embeded on ie , makes a change :)
some hopeful reading http://en.wikipedia.org/wiki/Web_typography

and some other toys for fonts here (http://www.cre8ivecommando.com/two-great-ways-to-embed-a-font-in-your-website-1/)

gentleone
11-21-2009, 07:57 AM
With Typekit the font is just the font and that's what I like so much about this one. No converting to images (Dynamic Text Replacement) and no converting to Flash (sIFR). ;)
Ans it supports IE.

DWcourse
11-21-2009, 10:34 PM
Typekit is interesting but I'm not interested in a paid, proprietary solution. Free, simple, open-source and I can run it on my server and I might think about it but even though this is designer heresy, do we really need thousands of typeface options for 95% of what we do online?

edbr
11-21-2009, 11:24 PM
that for me too. i will wait until embed fonts become an option

gentleone
11-21-2009, 11:52 PM
I'm also not interested in a paid service, but I was thinking more towards my clients. It happens quite often that a client wants to use a special font for the paragraphs, but then you have to tell him that its not recommended to do so. Now, you can say that it is possible (of course if that font is in the TypeKit library), but it's gonna cost you extra ;)

Corrosive
11-22-2009, 07:26 AM
It's important not to lose sight of a very good reason for using plain fonts on websites. Readability! I can just see a whole bunch of unreadable pages coming from designers who have not explained the full reasons for sticking with 'Verdana' for paragraphs to their clients.

gentleone
11-22-2009, 09:05 AM
Readability!

Agreed, that's the most important! Then TypeKit is an option for the pigheaded and stubborn client :)

Corrosive
11-22-2009, 09:10 AM
I have had that conversation many times... :roll: