kottke.org

...is a weblog about the liberal arts 2.0 edited by Jason Kottke since March 1998 (archives). You can read about me and kottke.org here. If you've got questions, concerns, or interesting links, send them along.

4 kottke.org posts about Typekit

 

Adobe acquires Typekit

When I heard the news, my immediate reaction was not positive. There may have been an expletive uttered. I am happy for the crew at Typekit, several of whom are my friends, but Adobe products do not fill me with joy when I use them. No one I know is filled with joy when using Adobe products...mostly the opposite. Typekit is a great service; I hope Adobe keeps it that way.

By Jason Kottke    Oct 3, 2011    Adobe   Typekit   typography

What's that Typekit font?

Matt Jacobs has made a bookmarklet that you can use to find out which Typekit fonts a given site uses. Useful!

Lost World's Fairs

Want to see the state of the art in web design using web fonts and Typekit? Check out Lost World's Fairs. It's all good, but Frank Chimero really knocked it out of the park with the 1962 Atlantis World's Fair. With HTML5 and web fonts, experimentation with web design seems open and fun again; reminds me of the 90s a bit.

Typekit is live

Typekit launched today (details here).

This will change the way you design websites. Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal.

I haven't had a chance to play around with this yet, but hope to soon. And hey, you can use Silkscreen with Typekit.

How Typekit serves fonts

Jeff Veen has a look at how Typekit protects fonts served through the service.

To that end, our Javascript is minified and the fonts themselves are represented as Base64 encoded strings. You may see right through this, but the vast majority of web users wouldn't know what to make of it.

Those Base64 encoded strings are then placed right into the CSS file. And even better than that, the fonts are split up into multiple files and recombined using the CSS font stack. Pretty clever stuff.

Typekit: real fonts for the web

Typekit is an upcoming typeface hosting service which will provide vetted fonts that you can include in your site's stylesheet using the @font-face mechanism.

That's where Typekit comes in. We've been working with foundries to develop a consistent web-only font linking license. We've built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

What a great idea. And web entrepreneurs pay attention, this is how to make a compelling online property: take an idea that everyone loves in theory but doesn't use in practice because it's a pain in the ass (in this case, embedding type on the web) and offer a hosting service to solve that problem. YouTube did this with videos, Blogger/Blogspot, TypePad, & Wordpress did this with blogs, Flickr did it with photos, etc. etc.

kottke.org, quickly...

The best way to get a sense of what kottke.org is all about is to head to the front page or check out some random entries from the archives.

Tags related to Typekit:

typography (182)    web development (97)    typekit (2)

Looking for work?

See more on the Job Board.

Tags, tags, tags

Many posts on kottke.org have been "tagged" with keywords, which activity results in collections of related posts like sports, infoviz, or best of.

Recently popular tags (last 3 weeks)

parenting (60)    post updates (139)    video (1203)    design (760)    art (501)    movies (1355)    TV (493)    Apple (305)    food (846)    sports (630)    lists (765)    photography (1026)   

All-time popular tags

movies (1355)    video (1203)    photography (1026)    books (904)    food (846)    NYC (832)    science (805)    lists (765)    design (760)    sports (630)    music (547)    art (501)    TV (493)    business (450)    best of (445)

Useful favorites

photography (1026)    economics (239)    lists (765)    best of (445)    infoviz (214)    food (846)    NYC (832)    firstworldproblems (4)    cities (162)    restaurants (226)    video (1203)    timelapse (9)    interviews (305)    language (333)    maps (287)    fashion (207)    NSFW (70)    remix (319)

Random tags

Edward Tufte (41)    Ben Affleck (3)    headlines (14)    Not The Onion (6)    cigarettes (5)    weblogs (411)    books (904)    design (760)    Beautiful Evidence (8)    .com (20)    Michael Lewis (50)    photography (1026)    this is a metaphor for something (6)    Rainy Day Fun and Games for Toddler and Total Bastard (2)    Greg Knauss (8)