Does anyyyyoe know how to make Typekit WORK?

  • Author
    Posts
  • #440933

    imaprile
    Member

    I have done everything Typekit/Wordpress has told me to do, but no cool Typekit fonts. I know this is relatively new, but has anyone had any luck with this?

    What’s the CSS code your supposed to use?

    The blog I need help with is imaprile.com.

    #441112

    t3ck
    Member

    Here’s a great walk through article on how to use Type Kit with your WP.com blog. http://getook.wordpress.com/2010/01/04/typekit-guide-change-your-fonts/

    #441117

    imaprile
    Member

    Found new things I hadn’t done before, but it’s still not working. Am I just a HUGE idiot? Don’t answer that.

    #441118

    t3ck
    Member

    Sorry to hear your still having issues with this matter but unfortunately that is the only reliable tutorial I could find. = (

    #441120

    imaprile
    Member

    I have a feeling it’s some small coding thing on my end. I have done everything I’m supposed to do. I put in all the selectors I wanted for the Typekit font. Still nothing. I really don’t get it. Once I get started on something I can’t stop, so this has been incredibly frustrating. Thanks for your help.

    #441129

    t3ck
    Member

    Did you click publish on Type kit after you put your sector values in ?

    #441383

    Yeah, I’m not getting it, either. Sometimes WP is a bit counter-intuitive, but once you actually figure something out…never have a problem again.

    Guess we’ll see how THIS one goes…Ken

    #441384

    timethief
    Member

    @mindo mediasales
    We must ask for the URL for the blog you refer to every time you post to the forum, unless you link your wordpress.com username to your blog. It’s very easy to do the latter. See > http://onecoolsitebloggingtips.com/2007/10/06/wordpresscom-profile-link-your-username-to-blog/

    Did you check out the article T3ck linked to above? http://getook.wordpress.com/2010/01/04/typekit-guide-change-your-fonts/

    #441385

    ballistic84
    Member

    Typekit is browser specific.. So if you are using browsers like Chrome, IE7 or FF 3.6.. you might not be able to see your fonts being displayed.

    http://blog.typekit.com/2010/01/26/screenshots-of-all-our-fonts-in-every-browser-on-every-platform/

    This might help.

    I tried applying some of the fonts..Now when I go to my blog, there is a prominent Powered by Typekit at the bottom right..
    But I dont see no fonts!

    Strange compatibility issues.

    #441386

    imaprile
    Member

    As the original poster, I can now say that TypeKit DOES work, and I myself was able to find out HOW to make it work. (pretty easy actually!)

    This is from the Typekit website:

    So here’s the situation: Every major browser now supports the ability to link to a font. That means you can write a bit of CSS, include a URL to a font file, and have your page display with the typography you expect. For designers and developers, this is a significant step forward. No longer will you need to trap your content in images or Flash just to express yourself visually. Pages will be more usable, accessible, and indexable. This is a massive upgrade for the web.

    I use IE 7.0 at work and my Typekit fonts appear just fine. (same for Chrome & Safari at home) The <i>only</i> browser I have found that does <i>not</i> support font embedding (yet) is Mobile Safari (iPhones).

    Hope this helps.

    ImAprilE
    http://imaprile.com

    #441387

    imaprile
    Member

    Sorry for the <i> tags… didn’t realize they wouldn’t work… :)

    #441388

    @imaprile: for italics use the em tag, not the i tag.

    #441389

    timethief
    Member

    @imaprile
    `To create italics use and

    #441390

    imaprile
    Member

    @pana, Thank You!
    :)

    #441391

    timethief
    Member

    OOPs! The code disappeared.

    #441394

    teammisou
    Member

    @imaprile

    How did you get it to work? Do you have tweek anything in CSS? I have the same problem as yours (my browsers are FF 3.6 and IE 7).

    #441395

    imaprile
    Member

    While I do have the CSS Upgrade, and I did put the ‘advanced options’ codes in my CSS, I’m pretty sure it worked before editing this.

    My biggest issue was identifying the correct selectors that I wanted to edit the font, i.e: blog title, post title, widget titles, etc. I used Firefox’s “Firebug” to help me identify the areas I wanted to edit (a very neat add-on I might add!) Here are some of the names of the selectors I wanted to change: (NOTE: They might be named differently for you)

    (#nav; .page_item; h2.widgettitle; h1.pagetitle; h2.pagetitle; h1; h2; .post-header; #header #title a; #title; .widgettitle)

    1. Pick font name you want in Typekit
    2. Click +Add
    3. Your ‘Kit Editor’ will lauch (leave in a open window for now)
    4. Click on ‘Embed Code’ at the top
    5. Copy the ID code (letters & numbers)
    6. Paste it in the Appearance –> Typekit Fonts —> “Kit ID” tab
    7. Click ‘Update ID’
    8. Once you know what selectors you want to change, enter them in the Kit Editor in the ‘Selectors’ tab, Click add for each one.
    9. After you’ve added all the selectors you wish to have the font changed, click ‘PUBLISH’
    10. Refresh your blog page and they should appear

    Keep in mind, the Typekit FREE trial is only for 1 font. If you want more, you’ll have to upgrade to the $24.99 for 5 fonts. (what I did)

    Here is the Typekit support page for WordPress users: http://typekit.com/help/wordpress

    Good luck!
    Let me know if you need any more help.

    April

    #441396

    timethief
    Member

    Keep in mind, the Typekit FREE trial is only for 1 font. If you want more, you’ll have to upgrade to the $24.99 for 5 fonts. (what I did)

    Is that $24.95 a one time payment or does it require annual renewal?

    #441397

    imaprile
    Member

    It’s (unfortunately) yearly.

    #441398

    teammisou
    Member

    @imaprile

    I’ve done all the steps above but I still don’t see the font on my blog. There is a Typekit logo at the bottom of my blog AND what previously were the default font of my theme have changed (from Times New Roman to Arial, for example).

    I also read the tutorial at http://getook.wordpress.com/2010/01/04/typekit-guide-change-your-fonts/ and have tried several selectors but will continue to try others to see if that might work. Thank you for your response!

The topic ‘Does anyyyyoe know how to make Typekit WORK?’ is closed to new replies.