Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/

Combining Cufón and @font-face

How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

Como el SifR pero sin él... con Firefox 3.5

@font-face: The Potential of Web Typography

Firefox 3.5 is out. And the more users download it, the more designers will be able to take advantage of the @font-face CSS rule. How can @font-face be used with currently implemented CSS selectors to create engaging, nuanced and more mature typography? Let's find out.

Minimising the CSS required for cross browser @font-face.

With all these CSS3 enhancements going on it's not hard to get confused. We're still trying to fond the best way of doing things. This is apparently the most bulletproof way of including the @font-face rule for IE and modern browsers.

Embedding fonts into your website

http://nova-group.se/test/fonts/

Snook’s screencast brings EOT to the masses - solution to tackle the conversion process for IE

Getting around the mess that is converting TTF to EOT (is this yet another reason to hate IE?)

Great example of using @font-face.

Nice techniques for embedding user fonts on webpages. Breaks out of the limited font constraints.

Font embedding in all modern browsers using @font-face

I started doing some research to answer these questions, but during that time there have been a number of great posts about @font-face performance issues: * Paul Irish: Fighting the @font-face FOUT * Stoyan Stefanov: Gzip your @font-face files * Zoltan Hawryluk (again): More @font-face fun This blog post summarizes Paul, Stoyan, and Zoltan’s findings plus some very important discoveries of my own.

Lazy load to the resuce then…

Last week I was reading Ajaxian (my favorite blog) and saw the post about @font-face. I had been wondering for a few months about how font files impact web performance, so I followed the story back to Zoltan Hawryluk’s original post: @font-face in Depth. A great read on the aesthetics, mechanics, and compatibility issues of fonts, but not much about performance. I added a comment:

A very nice way to generate font files for use on the web, if they are legally licensed for that use.

A handy tool by Font Squirrel to create @font-face kits

How to Achieve Cross-Browser @font-face Support

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers.

In the Woods – How to Achieve Cross-Browser @font-face Support

Endlich wird es einfacher, Fonts mit allen Extras (Ligaturen etc) im Browser zu verwenden. Ich hoffe, das Feature kommt bald! -- Was heute Möglich ist habe ich kürzlich gebookmarkt.

bookmarked by http://www.min-style.de

By Elliot Jay Stocks When Johno first asked me to write about Typekit, I jumped at the chance. I’d received a beta invite to try out the service about a week before, but deadlines had got in the way of actually getting round to it. Now I had the

i love typography, the typography and fonts blog

Typekit

A look at disabling ClearType to improve font embedding but possibly with mixed results. Interesting discussion in the comments.

Better, smoother embedded fonts in IE7 and IE8 #css

Smoother @font-face embedding in IE 7 & 8

Goede uitleg van @font-face en met overzicht van browsersupport

How to reference fonts on the server

Some tips for implementing @font-face with your CSSes

In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet!

The @font-face is commonly referred to as a new CSS3 feature, but has actually been around for some years. The only problem was there weren’t any browsers to support it (apart from IE’s obscure EOT methods), so it sat collecting dust at the back of the CSS2 specification. Recently however, browsers have started implementing support for the @font-face rule. First came Safari (3.1), then Firefox (3.5), Opera (10) and Chrome (4.0). So now, any @font-face implementation will be available for a large chunk of your visitors. What’s more, if you insist on IE support you can even get everything working with a quick fumble around with Microsoft’s WEFT tool.

14 tutoriais CSS3 para facilitar nossa vida

http://designlovr.com/30-beautiful-and-free-fonts-you-can-use-with-font-face

More: http://bit.ly/bckNoh and "I'm surprised that most of the stuff in the current Google font directory made the cut": http://typophile.com/node/70557#comment-412118

Better to work with, than against, a giant.

Typekit announces that it has teamed up with Google to build the Web Font Loader API, which more smoothly enables web designers to load custom fonts into their pages. Additionally, Typekit has added Goolgle’s new collection of free web fonts to it's own offering.

free fonts are awesome (links to more free fonts @ the bottom)

In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a web-font license.

25 Completely Free Fonts Perfect for @fontface - Speckyboy Design Magazine - http://speckyboy.com/2010/07/04/25-completely-free-fonts-perfect-for-fontface/

St Marie Thin is a preview for the upcoming release of a new typefamily, but this time i want to go further with that freefont-thing. There will be one normal Open-Type-Font and an optimzed Webfont, so you can design online and offline with a hiqh quality freefont from Stereotypes.