Services like Typekit live and die by how intuitive their products are. A couple weeks ago, I finally received my beta invite to join. For those unfamiliar, Typekit is a service that allows you to use a plethora of fonts on your own site with minimal effort.
This video demonstrates just how easy Typekit is to work with. Rather than being a tutorial per se, this is more akin to removing the wrapping paper for the first time! I literally pressed record with zero knowledge of how to use Typekit. However, as you'll soon see, this service very well might prove to be the number one choice for designers and developers, once it officially launches. I know I'm on board!










User Comments
( ADD YOURS )nanochrome October 15th
Great screencast….. just wished It was a little cheaper and there was a ‘Unlimited’ plan.
( )Steve Mullen October 15th
Thanks for posting, I have been too busy to try it out myself.
( )Shaun October 15th
Nice run. I just picked up an invite to this and am excited to check it out more.
( )Iankulov Miodrag October 15th
Hi Jeffrey, nice tutorial man, can you give me an invite please?
( )Eric B. October 15th
Sounds interesting!
What I would like to know about is: How much of an effect would this have on loading time on pages using this a lot?
( )Adrian October 15th
I’d love an invite Jeffrey, thanks for the screen cast!
( )Jerry Watcher October 15th
Hey! Can you give me an invite? Thanks dude, if you do choose! Also it looks extremely easy from you and Chris Coyiers preview.
( )Chris Conger October 15th
Thanks Jeffrey. It does look cool and intuitive. Send me an invite. Would be grateful.
( )Jennifer Enciso October 15th
This looks like something I would love to use on two of my current web projects! Can you believe I’m still using image-replacement on my portfolio site? Gah! If you still have any invitations I’d love to join in on the service.
Also, your “unwrapping” approach was great; nothing beats a true, live, user test!
( )Jacob Tyo October 15th
Pick me for an invite, this service looks amazing! Thanks!
(@*_*)-@ @-(*_*@)
twitter: jakester2
( )Dan October 15th
Hmmm… Not sure I’m sold. I don’t really like the idea that the look and feel of my website would be dependent on a third party.
( )begs October 15th
Hi Jeffrey,
( )very nice screencast, espacially to see your approach to “new lands”
Bennie Mosher October 15th
Thanks for this tutorial Jeffrey, seems to be pretty straight forward.
I tried this two nights ago actually, and was impressed with the ease, but unimpressed with the fact that you can not upload your own font. If you do sign up for a paid account, can you please document with another screen cast, or just a type up, of any new features?
I am curious to know with the upgraded accounts what you get besides their full portfolio. How many fonts are in the full portfolio?
Very interested with the upgraded accounts before I purchase. I would appreciate your opinion.
Thank you!
( )Tim October 15th
Hi Jeffrey, I’d like one of those invites, please.
( )Pontiac October 16th
Really nice Screencast! Its good to see some easy alternatives to SiFR, CUFÓN and all of this services. I’m sure thats only matter of time to get this little thigs fixed.
Would love to get an invite! ^^
( )vasil October 16th
Good Stuff.
( )Ryan October 16th
Nice screencast, just wondering if the Advertisement in the bottom right comes with all versions – might Purchase a copy
Thanks,
( )Ryan.
Gavin October 16th
The advert is dropped on the full version.
( )Garry Aylott October 16th
Hi Jeffrey,
Great screencast, as usual. Like the way your going through something new and sharing with us.
P.S. How do you get that nice clouds background on your Gmail account?
( )chris bautista October 16th
Wow!
Been using typetester.org to do font configuration.
This will fit nicely in my box of tools.
Thanks for the tutorial!
( )Torkild Dyvik Olsen October 16th
If there is some way to work around the hidden email, I allso have five invites willing to share here.
( )Gavin October 16th
Yeah I have a couple I can hand out too…Not sure who to get your emails if you want one.
( )Gavin October 16th
If you dont get an invite from Jeff, then send me a PM on twitter: godonholiday
Chris October 17th
Hi !
If you still have invites. I would really love to test this.
heres my scr.im c…@g…l.com
Thanks
( )Torkild Dyvik Olsen October 21st
I have sent one to you now!
chris bautista October 25th
Thanks Olsen! Really appreciate it!
Going to test this ASAP!
Getting stoked again !!!
( )shin October 16th
Looks good. I will try it too.
( )mik October 16th
Nice video Jeff, I guess it’s better to see a live action of testing instead of watching almost automaticaly movements.
“Look into my eyes, in the eyes, not around the eyes, You’re under…
You pick me… 3-2-1 you back in the room”
Ahh.. yeah.. and I wanna stand into the “invitation-queue”:D
( )Vinicius October 16th
Great Feature. Because it don’t turn the text into images. The update time of the kit i thing it’s normal because the service is in beta.
Just is a little bit expensive (the portfolio value).
( )Kriszta October 16th
Hi there!
( )Thank you for this screencast, indeed. Before I did not have the time for looking aroud a little bit deeper in that typekit thing. This screencast was a great great help. Just go on. Do not worry about if this post would be popular or not. Sure it is! I am sure! If you still have any invitations I’d love to join…
Thanks a lot.
Matthew October 16th
Looks good, I’m interested in checking it out!
( )Jason October 16th
Looks cool and all, but there’s already so many other font replacement services out there. Paying a monthly fee to use fonts that honestly look like I could get them from a free site doesn’t sound ideal, plus more JavaScript to load on the page…
@font-face works for me.
( )Mike October 16th
Hi Jeff,
I’m wondering what software did you use to record this screencast?
When you were recording with Camtasia on Windows, the movement of the mouse/cursor on the screen was NOT smooth like here.
In this screencast it definitely IS and it looks wonderful.
Culd you share a little bit?
Thanks in advance!
( )Jeffrey Way October 16th
It’s Camtasia for Mac.
( )Jeffrey Way October 16th
I’m just exporting at a higher frame-rate.
Caroline Schnapp October 16th
I am interested in an invite!
I enjoyed your ‘impro’ style very much on that one.
( )Orves October 16th
@Ryan
The advertisement is showed on basic free accounts, when you upgrade your account you will have the option to disable it.
One thing to mention, to show the advertisement typekit uses jQuery Framework so when you disable it it also saves up some loading time.
( )Tim October 16th
I would really like to use that technique for my next project. Have been waiting for such a great service…
( )An invite would be so appreciated
Robert October 16th
I am interested in an invite!
This looks promising….seems pretty easy.
( )joel October 16th
I’m with Jason. This is an answer to a question nobody (sensible) should be asking.
( )From Cufon to SWIFR to @fontface (not to mention image replacement which has its specific place and purpose) who the hell needs a complicated offsite paid font interface??
Gavin October 16th
I use it, I recommend fonts to my clients when I design a site, often they ask me for a more hand written font or a thicker font etc..
This allows me to sit down with them and go through the catalogue on typekit and find the font for them, after a couple of clicks we can see it in place on the site.
I guess your paying for convenience, which you could always pass onto the client, who as we know has no idea how limited web browsers are in displaying fonts.
Currently $50 for 5 sites a year… thats not that much in the grand scheme of things.
( )Caroline Schnapp October 16th
What if you already paid big bucks to get commercial license to a font… Can you add it to your library?
Colin October 16th
If they’re FOSS fonts and the system is just using @font-face (and falling back to the stack for unsupporting browsers), what exactly are you paying for? An auto generated JS file? Why not just use @font-face in your css and hope your visitors have a modern browser. It seems like it would have the same outcome.
( )Barry Wood October 16th
The downsides to this are the cost and the reliance on the typekit site. I would think that it would be better to use your own @font-face with fonts downloaded from somewhere like fontsquirrel.com. That way everything is under your control and there are no limits on the number of sites or fonts.
Michael Owens touched on this in his Aug 14th tutorial but maybe a full tutorial on @font-face would be in order?
( )Chad Warren October 16th
Great screencast. I would LOVE an invite to this.
( )Maxi October 16th
Invite please
( )Muhammad Adnan October 16th
waiting for typekit invite
( )Jhay October 16th
Typekit is awesome.
( )Tyler Featherston October 16th
I’d love an invite
( )Keith October 16th
I would love a typekit invite.
( )Richard Bagshaw October 16th
This looks really interesting, I would really appreciate an invite.
( )David Singer October 16th
I would like an invite as well
david@ramaboo.com
( )Drazen Mokic October 16th
A really nice idea, i already heared some podcasts about it from sitepoint and it sounds good, i think its a good way for the type industry.
( )Fatih October 16th
I want an invite too
( )Dave Brookes October 16th
Would be great to get an invite to have a play with this, count me for this one!
( )Joseph Rosario October 16th
It’s be great if I could get an invite too.
( )Tylor October 16th
Raises hand! I would like one
( )Pedro Valentim October 16th
Gimme
( )Stephan October 16th
This will make things a lot easier and better looking!
( )Justin October 16th
Looks like it could be a Cufon killer
If they speed it up a bit. I wonder what it’s doing that takes 3 minutes to process..
Also, In the post footer (”Enjoy the post?”), I noticed that you guys have a bunch of counters. I can’t, for the life of me, find the FB Share counter.. Any help?
( )Andreas S October 16th
Seems quite nice, i have just been battling Cufon for a while now with assistance from your screencast on that subject, typekit seems much neater even though Cufon was quite good once i got my head around it.
So i humbly place myself in the long queue for an invite
( )Valldeperas October 16th
Seems interesing, by now I’ll keep with Cufón, with some things is pretty useful.
( )Erik Reagan October 16th
Interesting service. I’m excited to see how it grows and evolves over time.
Looking forward to possibly being 1 of the 100 invites
( )Richard October 16th
Certainly believe this is a game changer, once everything is worked out and some more of the major foundries get on board (because I believe, eventually, they will) that this will change the face of our business – hugely for the better.
( )patty October 16th
wanna give this service a try too!
( )Sirupsen October 16th
It looks like an interesting service, I’d love to try it out for my own Webdesigns.
( )jbayone October 16th
Nice, can’t wait to try it out. Now I can make use of all the fonts I get fron dafont.com
( )Alex H. October 16th
Wow. Let me participate!
( )Andrew-David October 16th
Awesome!
( )I think I may start using their service for my future projects,
Thanks Jeff!
Cody Robertson October 16th
I would love an Invite. I might use this service in future projects.
Thanks Jeff.
( )Stephen October 16th
I’d love an invite, if you have one to spare. I liked the “exploratory” screencast.
( )dan October 16th
I’d be glad to give it a shot!
( )Richard Bagshaw October 16th
The biggest problem for me is that even on the “portfolio plan” you are only able to use the fonts on 5 sites. I have way more than 5 clients, and each of my clients tend to have more than one site, so what happens when I get to my 6th website? I have to upgrade and then I am limited to 40, at which point I can’t upgrade again.
( )Aziz Light October 16th
Nice screencast. One thing I don’t understand though, is why would anyone pay for something that you can do for free. You can just use @font-face with packages from here: http://www.fontsquirrel.com/fontface
Besides, I don’t really like to rely to 3rd party for such things (what if the typekit server goes offline?)
However I do reckon that it might solve a lot of headaches, for now at least, especially considering how easy it is to use.
So yeah, I would love to have an invite if you can spare one, maybe I’ll end up loving this service (only idiots never change their minds)
( )Scott October 16th
I’d like an invite…
( )stefan schaefer October 16th
i just checked in from twitter and, well an invite would be really nice.
thank you
( )carrrramba
Burak October 16th
Can I have an invite please?
Also thanks for the screencast contest prize.
( )Jen October 16th
I really enjoyed the screencast, it looks like a good idea and would love to give it a go on some of my current projects. Would love an invite!
Thanks
( )Jen
R. B. Gottier October 16th
Wow, typekit is awesome. If I don’t get one of the 5 accounts, I’ll for sure be purchasing my own.
( )Eric October 16th
I registered this morning for the beta but if you have this many invites I would love to use one
Thanks
( )Pierce Moore October 16th
NetTuts, I love you! I would love an invite to TypeKit! it looks amazing!
( )Chris October 16th
Jeff,
The fonts on the demo.jefrrey-way.com page don’t work anymore. According to your source code, it should be working. Do you know why?
( )Caroline Schnapp October 17th
Hi Chris,
It works for me, and the URL is demo.jeffrey-way.com.
It’s a tad bit disappointing though because the 1st time you access the page it takes a while for the font to be ‘redrawn’. Takes a while (too long in my opinion) for the JavaScript to load.
Mind you, I have seen others’ use of cufon taking just as long.
( )Caroline Schnapp October 17th
Furthermore, there are jagged edges even when the font-size is very large Looks pretty bad.
I would be curious about trying other fonts.
Caroline Schnapp October 17th
Interesting, the redrawing only shows in Firefox.
In Safari, or IE7 or IE8, the page remains blank for a while then when content finally appears the JavaScript has loaded and you don’t see a flash of unstyled text (if you will).
Chris October 17th
It was a FF problem on my end. False alarm.
Kriffin October 16th
It’s awesome this one… I’d tried to win an invite but i’ve lost… If u can send me an invite say how can i greet u !
I must to use it for a personnal project but i can’t !
( )Brad October 16th
How did this work out with the PC? I find it just as easy to make @font-face and use the MS tool WEFT and make the EOT fonts for the ones I like.
Although if you are on multiple sites typekit might be quicker for a developer to use.
( )Kevin October 16th
I would love an invite! I’m so excited for the new possibities!
( )Meshach October 16th
May I please have an invite?
( )Marcelo Kanzaki October 16th
Nice video as aways.
I hope i get picked to win an invite.
( )Daan October 17th
I’d really love that screencast, and no Jeffrey, you didn’t bore us
I’d like an invite if possible!
( )John October 17th
It looks a great idea and a bit easier than cufon, but I agree with some of the other posts that you are outsourcing, paying for, and losing control of the page style rather than just elements of additional functionality.
On the other hand, the ability to view and choose from a large amount of fonts without worrying about licencing issues and too much about implementation is appealing though for smaller or quick projects and the price for multiple sites isn’t too bad.
An invite to have a play with it would be nice, and it was another great video.
( )(I’m really looking forward to the next code ignighter one too!)
Caroline Schnapp October 18th
Agreed on all points.
( )Jaysone October 17th
Nice screencast..would like to try typekit..please do give me an invite. Just wanted to know if the ‘diving into php” and “wordpress for designers” screencast have been discontinued? Thanks again
( )Ben October 17th
An invite would be great. Typekit seems to be much better than cufon and so on.
( )Domas October 17th
Typekit seems to be much more better then cufon, not even mentioning sifr(what a head ache). Can’t wait to try it!
( )Dru Martin October 17th
It’s really exciting to know that this technology is just around the bend. Free us designers to use beautiful fonts!
If you have any free beta invites left please send one my way!
( )Jamie October 17th
Would love an invite!
ta muchly!
( )Adrian October 17th
I’m interested in an invite.
( )Craigsnedeker October 17th
who needs typekit? css3 ftw.
( )adrusi October 17th
interesting, but i saw that it used @font-face in css, so it’s just a js version of css3, what’s the point of paying for it?
( )Brian Egan October 17th
Hi Jeffrey,
If you still have a couple of invitations, I’d love to get my hands on one. Thanks for the cool vid!
( )Brian Egan October 18th
I found myself an invite, and now have 5 to give away! If you want one, please twitter me @brianegan with your First and Last name, and Email Address.
( )Neilly October 17th
Making post for choosing invite purposes
lol jk
Thanks for all the work you do and for the calm voice too lol
(and you dont bore people lol)
( )unnikrishna menon damodaran October 18th
It’s really going to bridge the gap of “Typographic Excellence” on the web. Amazing and it’s so simple to execute. Well done Typekit.
( )Luiz Alvaro October 18th
I’ve 4 invites for typekit
my email is luizin.alvaro@gmail.com
feel free to send me you request
( )Phsyckr October 18th
Doesn’t work on Google Chrome 4
( )unnikrishna menon damodaran October 19th
hi all,
those who are asking for an invite please go to http://typekit.com/
and enter your email address and wait for a reply.
( )Portugese Wijn October 19th
Great screencast and a very interesting service. Still, I don’t like the idea of being dependent of an external service for the layout of my websites.
( )Nori Silverrage October 19th
Hmm, well I don’t see much of a benefit in using this to just using @font-face. The only advantage i see is that you’ll most likely get a better selection of fonts. But the hundreds of free and open source fonts out there seems to be enough to me.
Maybe it’d be good for someone who designs a lot of websites, but even then I’m not sure.
( )straw October 20th
Yours tuts are very helpful! Thx so much:)
( )Yanay Zohar October 22nd
It’s a great idea, but it would be even better if the cost in page size would be smaller.
( )High traffic websites can’t afford to add a ~200K for a single font upgrade.
Munjeet Singh October 23rd
Great screencast – sometime all you have time for is a very quick overview, so this was perfect.
Looks like a decent solution, if anyone has a spare invite, I would like to give it a try.
Cheers.
( )Ash October 23rd
I’ve been doing a LOT of research on this topic, and this service for my company for a little while now. I can see absolutely no reason to use TypeKit over @font-face. None. Set up a WOFF, EOT, SVG and TTF font in your CSS file, upload the fonts and call it a day.
http://www.fontsquirrel.com/fontface
Download a couple of fontface kits from FontSquirrel, explore the css & html, learn something and avoid loading unnecessary Javascript files and becoming reliant on offsite sources for your visual styles. This service is absurd. Good developers and designers are already worried enough about FOUT without having to load the fonts from an offsite source through Javascript.
The subject can be confusing, but do yourselves a favor and do the research yourselves. This is a horrible solution for web embedded fonts, when free of cost. Once you apply a monthly/annual fee, it becomes downright absurd.
( )Bronson Quick October 26th
Awesome screencast JW. I’m just about to go in and have a play around with it as well.
I’ve been working with Cufon on some sites this week and it really annoys me that it doesn’t copy and paste nicely. I’m sure they’ll fix that but TypeKit looks like a winner.
Thanks again for the invite to join Typekit!
( )