Font issue.

• 

  beaner2579 · Member · Oct 5, 2012 at 1:55 pm

  • Copy link
  • Add topic to favorites

  Hey,

  I’m trying to change the font of the title and I can’t find the selector for it. Out of practice with CSS its totally changed over the years. I’ve managed to change the font of the headers, but I think that is just luck. I have a kit ID not sure how to use it. I’ve tried to add selectors but they don’t show up. HELP.

  The blog I need help with is: (visible only to logged in users)

• 

  zandyring · Staff · Oct 5, 2012 at 5:48 pm

  • Copy link

  Hey there,

  Are you changing them in Dashboard/Appearance/Custom Appearance/Fonts? If not, give that a try.

  Good luck,
  -Z

• 

  designsimply · Member · Oct 11, 2012 at 9:31 pm

  • Copy link

  Using a kit ID is a little different than the built in Custom Fonts selector that comes with the Custom Design upgrade. I would recommend starting with the normal mode at Appearance → Custom Design → Fonts if that will work for you.

  Or if you want to stick with advanced mode, try using “.hentry .entry-title” as your selector to change post title fonts for the Origin theme via a Typekit Kit Editor.

• 

  designsimply · Member · Oct 11, 2012 at 9:32 pm

  • Copy link

  P.S. Your blog looks great btw!

• 

  beaner2579 · Member · Oct 12, 2012 at 6:42 pm

  • Copy link

  Thanks a lot for the help. One more question how do you know which selector is used and/or how do you assign a selector?

• 

  beaner2579 · Member · Oct 12, 2012 at 6:42 pm

  • Copy link

  Thanks for the compliment too.

• 

  designsimply · Member · Oct 13, 2012 at 12:56 am

  • Copy link

  One more question how do you know which selector is used and/or how do you assign a selector?

  The easiest way to see what selector is being used, you can right-click on the title in a modern browser and choose the “Inspect Element” option. It will show you the HTML for whatever you clicked on and all of the CSS that applies to it. If you see a font or font-family rule for the thing you clicked on, that’s the thing to use. Sometimes you have to click around a little to find it (i.e. if the font is set on an a element inside an h2 element).

  To assign a selector via a Typekit Kit Editor (which is the advanced font mode in WordPress.com and also requires a separate Typekit subscription), you need to open the Kit Editor in your Typekit account over at http://typekit.com/ and enter the selector into the kit.

  Here’s an example of what the selector field looks like over at typekit.com:

  http://assistly-production.s3.amazonaws.com/typekit/portal_attachments/4935/selectors_original.gif?AWSAccessKeyId=AKIAJNSFWOZ6ZS23BMKQ&Expires=1350157588&Signature=RvMDq9DAknLTAArUdKbXNglY3S8%3D&response-content-type=image%2Fgif

  Here is a related help document from the typekit.com site:

  http://help.typekit.com/customer/portal/articles/6840-Using-Typekit-with-WordPress-com#advanced-mode