Add Typekit fonts to non-supported theme

  • Author
    Posts
  • #592924

    shrutigoins
    Member

    Hi all –

    I am trying to add Typekit fonts to a theme that is not officially supported. I have read through previous forum posts and deduced that I need to add the css declarations to the Typekit. I’ve added a few in (such as h1, h2), and clicked Publish. I waited for the publishing popup to disappear, then refreshed my website. However, I am not seeing the fonts I chose on my site.

    Is there an additional step I have to take?

    The blog I need help with is blackmanbrownwoman.com.

    #593120

    justjennifer
    Moderator

    Did you add your Typekit ID number under Appearance>Typekit Fonts?

    #593128

    For your site title, you will want to use

    #site-title

    For the tagline, you would want to use

    #header .description

    #593129

    Sorry, I made a boo boo. For the site title, tell typekit this.

    #logo a

    #593130

    Actually, both will work. Use the first.

    #593224

    shrutigoins
    Member

    I’ve made the changes above, but I am not sure they are working. Comparing the font on the site to what I see on Typekit’s text preview, they aren’t the same. The site seems to be in regular ol’ Times New Roman.

    #593225

    From looking at your site CSS, this is what is being applied to the site title, description and h1 and h2 fonts.

    "droid-serif-1","droid-serif-2",serif

    #593226

    shrutigoins
    Member

    Got it! Thanks!

    I’m guessing font size changes aren’t possible on the non-CSS plan of wordpress?

    #593227

    No, font-size changes are only possible for titles and such with the CSS upgrade.

    You can post by post, or page by page do font-size changes manually with HTML or inline CSS though.

    #593228

    shrutigoins
    Member

    What’s the best way to preview the font on Typekit at the size it will be rendered in? The slider only has small to big, no sizes.

    #593229

    Yeah, that is a problem, and those fonts sizes do not relate to what is specified in the CSS. The other issue with typekit is that a lot of the fonts they have are not following font standards. In other words, two similar fonts at 12pt can be vastly different in size when put onto a webpage. On a client’s site, her chosen font for the title had to be increased from 1.5em to 2.7em just to get it to appear like the it was the same size as the one we replaced. It’s a problem without a solution as far as I can see. Typekit needs to give more choices for sizing font samples.

    #593230

    shrutigoins
    Member

    I guess I’ll just have to go back to the default fonts until I figure out a better way. Thank you for your help!

    #593231

    You are welcome and sorry I do not have a preview solution for you.

The topic ‘Add Typekit fonts to non-supported theme’ is closed to new replies.