Change Header Font with Typekit

  • Author
  • #841263

    I have purchased the Customization upgrade, and set up my typekit account, but I can’t make the header title of “Forever” change. I have managed to make the post titles change, (which I didn’t want) but can’t get the header font to chnage. What am I doing wrong? Do I need to change the CSS as well as use the typekit plug-in in the font editor?

    The blog I need help with is


    If you are using the advanced Typekit option, what you would do is assign the selector for the header title (which is “#site-title” for the main site title) in your Kit Editor at Here’s a walkthrough showing how to set it up, including screenshots:

    I checked your site and I found that you updated your site’s headings using the font-family property with CSS that looks like this:

    #site-title {
    font-family:penna-connected, sans-serif;

    That works too, but note that if you change the font through the Typekit interface (the Kit Editor), then you will also need to update the font name throughout your custom CSS.


    The font looks really nice by the way! :)


    Thank you! Got it all straightened out:)

The topic ‘Change Header Font with Typekit’ is closed to new replies.