Multiple font weights via CSS 3 and more font fun

The way @font-face works is that whatever font attributes you specify for a @font-face rule, they don’t determine how the font looks but rather when it’s gonna get used. For example if you have the following two rules.

@font-face { font-family: newfont; src: local(Arial); font-weight: 200; } @font-face { font-family: newfont; src: local(Calibri); font-weight: 300; }

We posted on TypeKit recently, and we have another playa Kernest in the "fix friggin type on the Web" game.

And for a final little nugget of font goodness,

Typekit looks to include jQuery, loads CSS with base64-encoded data:font/otf URLs
for @font-face. "Safer" than a plain open .TTF, I suppose.

If you have better solution, just tell me !