Need help? Check out our Support site, then


Typekit Tutorial for Twenty Ten Theme

  1. I wrote a tutorial this afternoon explaining how to set up Typekit with the default Twenty Ten theme:

    http://unitedstage.com/2010/06/27/the-typekit-fonts-tutorial-for-wordpress-com/

    The blog I need help with is bolesblues.com.

  2. Very detailed Tutorial thanks for sharing...

    I also bookmarked the tutorial for future reference... = )

  3. Yeah, very good tutorial since you really break it down. Kinda like Typekit for dummies :)

    Unfortunately, it seems to me that the only way to really be able to use Typekit font on WordPress is to have a CSS paid upgrade. The Typekit fonts look super-TINY, and it's only via the CSS upgrade that you can fix that. Or labor on writing HTML on each post to increase font size.

    Of course viewers can always magnify the blog via their browsers to be able to read the blog proper, but based on my experience, they'll be more liable to just click away since the fonts look too small (rather than exert the effort to try to magnify).

  4. slikbonez --

    Thank you for the kind reply! Your feedback means a lot to me.

  5. arcadata --

    Thank you for the detailed comment on my blog. I replied to you there in full.

    Here are the two main issues:

    1. I've never read anything from the official WP.com support channel that says Typekit requires the paid CSS upgrade. In fact, this support thread doesn't mention any payment to WP.com at all to use Typekit with Paperpunch:

    http://en.forums.wordpress.com/topic/adding-typekit-fonts-to-paperpunch?replies=17#post-468749

    It doesn't make sense that we'd have to pay WP.com to use Typekit for all the themes BUT Paperpunch.

    The default Paperpunch CSS just makes it easier to add funky fonts using Typekit than having to experiment with the overwhelming Typekit font selectors on your own.

    2. I address the other issues about editing old posts and tiny fonts -- in more detail in my blog reply to you. It's all about picking the right font and theme and experimenting on your own without really listening to those who have not really used Typekit -- but who also still tell you its limitations.

  6. @boles - yeah, Typekit does not require a paid CSS upgrade. You can get if for free and apply it on the blog for free without CSS upgrade, but based on my personal experience with my theme (iNove) and pretty much all the fonts I personally tried - I ended up with a blog with teenie-tiny font that you have to magnify to read comfortably. That's why it seems to me that to fully benefit from the Typekit fonts, you need the CSS upgrade to increase the font size.

  7. arcadata --

    Or you could just change your theme and not pay for the CSS upgrade.

    I moved to Twenty Ten as the theme structure for all my blogs just because it's the new default and because it seems to get the most hands and eye attention from staff.

    Some of the other themes I used all had little abnormalities that didn't quite sit right with me while Twenty Ten, so far, is pretty much perfect from a coding and style perspective.

    I had some tiny Typekit font problems with Twenty Ten -- but changing to a different Typekit font with at least four Styles solved that problem. I didn't have to touch my CSS upgrade to fix it.

  8. Typekit knows about the tiny fonts problem and are considering fixing this in the future since WordPress isn't doing anything to fix it - this problem was discussed in the Typekit forum - http://getsatisfaction.com/typekit/topics/font_sizes_in_wordpress_com

  9. Hi arcadata --

    Thanks for that link to Typekit support. That thread is six months old.

    I posted this there:

    I just wrote a tutorial for WordPress.com and Typekit and the new 2010 theme:

    http://unitedstage.com/2010/06/27/the-typekit-fonts-tutorial-for-wordpress-com/

    You don't need to pay for the CSS Upgrade to get your WP.com blog to use Typekit fonts.

    I suggest the following:

    1. Pick a new theme. We like to think all themes are created equal, but sometimes they are not. Newer is likely better. The Twenty Ten theme rocks with Typekit as is -- if you pick the right Typekit font.

    2. Pick a Typekit font with at least 4 styles if you plan to use a single font for your entire blog. That wider array of font looks and sizes will better match the CSS coding for the theme you choose. In my experience, if you pick a theme with only one style, you will not get a good result.

    The Twenty Ten theme was released for use on WP.com on April 26, 2010:

    http://en.blog.wordpress.com/2010/04/26/new-theme-twenty-ten/

  10. Well, I for one don't want to change my theme, so I'll wait until TypeKit or WordPress fixes it. But I'll keep your tutorial in mind for when I can use it without my blog turning into tiny font size.

    All I'm saying is - the way things are right now, Typekit for WordPress is pretty crippled. Not everyone will want to change their theme to Twenty Ten, so it's pretty much useless for the rest of us who want to stick with their present theme.

  11. arcadata --

    I understand you don't want to change you theme.

    I always try not to be emotionally or aesthetically tied to a certain theme or styling -- that leaves me free to find a better solution or to take advantage of something newer that comes along.

    That said, I've been in contact with Typekit concerning my review -- and they have kindly responded -- and perhaps we'll hear something more, and official, from them soon on these matters.

  12. UPDATE:

    Tim Brown from Typekit left a comment on my tutorial. Not much to share here. His solutions for the visible substitute font loading problem won't work on WP.com.

  13. UPDATE:

    I updated my tutorial this morning to include using two Typekit fonts with Twenty Ten.

    One font for main text readability -- and a second, more aesthetic font, for the Site Title and Entry Title.

Topic Closed

This topic has been closed to new replies.

About this Topic