fonts again

This looks amazing

http://kernest.com/

I’ll try it in my next project. Till then maybe can post a review on this.

I could not understand how to use it though.

Thx

I had a quick look at one of the websites using it. It appears they aren’t doing anything you can already do with free fonts (or illegally with paid fonts).

The @fontface is supported by most (or all?) browsers with the only real issue being copyright infringement due to the font being accessible to anyone that knows where to look. All you need to do is upload a font to your server (making sure you can legally) put the @fontface call into your CSS...

And then use the font as normal in your CSS...


Too easy

As for using the site you mentioned, you’ll need to sign on to the website and then just copy and paste their css code into your css and you’re away. Just be sure to put alternate fonts in the css, othewise if their site is down your site will display with browser default font.

The other popular option for custom fonts is using sifr. It uses flash to replace text with images, so only really good for headlines and the like. Personally, I’m not a fan of sifr, but until someone comes up with decent online font suport, it’s going to stay popular.

Cheers
Free

There is also a little problem of aliasing when using custom fonts via the @font-face property.

I tried many free fonts given away on several website :

• 15 Fresh High-Quality Free Fonts
• 35 High-Quality Free Fonts For Your Designs
• 10 Handwritten fonts you can’t miss
• 40+ Extremely Beautiful FONTS Hand-picked from deviantART
  
• 45 Beautiful Free Fonts for Modern Design Trends

I implemented some of them directly via the CSS property or Sifr and the result was not as good as expected.
Firefox and IE are doing awful job with them.

Safari seems to be more confortable, but not on par with usual safe font family.

But it is worth trying

I haven’t used @font-face for a long time, so haven’t noticed that.

I’ll have to have a look when I get a moment...

It may be a setting problem. I’ve encountered it on 2 differents machine, 2 differents OS.

It is often the side of rounded letters that don’t look too good (like S, G, Q)
If my user see it like i see it, it’s not good.

But it may be setting problem. Mozilla use @font-face on one of their promo website, and it work almost pretty well.
Tell me if you can the same obvious detail as me: Simple @font-face at Mozilla

All the letters seems a little bit blurry, the original font don’t have this issue.

I think the blur is coming from the font itself having a bit too much detail for the displayed size? If you double the size of the font (using custom css) it looks great.

A quick example using @font-face with Junction font and lucinda at varing sizes:

http://freeotoole.com.au/stuff/test_font-face/testing_font-face.html

As you can see, the imported font is aliasing way better than the system font (not sure about most linux machines, I’ve installed most of my windows and custom fonts into linux, so looks fine to me). You can also notice that the fonts look better at different sizes.

--off topic--