Theme Photolia Header Font

  • Author
    Posts
  • #1620102

    I would like to use the font Swingdancer from my Adobe Typekit but I’ve been unsuccessful. I wish to only use Swingdancer for the name of my blog, no where else (as I did with the theme I just upgraded from.) I’ve published (and republished) my Typekit but I’m not getting any results. Any help would be appreciated. Thanks!

    The blog I need help with is myrubyshoes.com.

    #1620184

    Should have included:

    This is my latest CSS attempt:

    header#masthead {
    	font-family: '.tk-swingdancer';
    }

    #1620186

    mrdirby
    Member

    Hi, Try this selector instead.

    #masthead h1 a {
    	font-family: '.tk-swingdancer';
    }
    #1620189

    Thanks, mrdirby. That doesn’t seem to work, either.

    #1620202

    In the Typekit Kit, there should be some CSS instructions that will tell you the right CSS to use. It will look something like this: https://cloudup.com/c7DfDaXg8Sq

    You can also figure it out by looking in browser dev tools when the font is being loaded. Here is an example I got from http://myrubyshoes.com/ just now: https://cloudup.com/csZ2VkP3M7Y

    If you update your CSS to this, it should do the trick:

    #masthead h1 a {
    	font-family: "swingdancer-1";
    }

    Cute font and font name. :)

    #1620239

    Hello designsimply! Your instructions are great and THEY WORKED! Thank you! I love the Cloudup sharing. Thanks a million!

    #1620405

    Thanks! Cloudup is totally awesome. :)

The topic ‘Theme Photolia Header Font’ is closed to new replies.