Theme Photolia Header Font

• 

  annemariefield · Member · Jan 24, 2014 at 6:27 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  annemariefield · Member · Jan 24, 2014 at 6:34 pm

  • Copy link

  Should have included:

  This is my latest CSS attempt:

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

• 

  mrdirby · Member · Jan 24, 2014 at 6:38 pm

  • Copy link

  Hi, Try this selector instead.

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

• 

  annemariefield · Member · Jan 24, 2014 at 7:00 pm

  • Copy link

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

• 

  designsimply · Member · Jan 24, 2014 at 7:38 pm

  • Copy link

  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. :)

• 

  annemariefield · Member · Jan 24, 2014 at 10:13 pm

  • Copy link

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

• 

  designsimply · Member · Jan 30, 2014 at 12:04 am

  • Copy link

  Thanks! Cloudup is totally awesome. :)