Comments on: Customize your WordPress blog with Typekit fonts

By: Mandy Brown

Mandy Brown — Tue, 04 Jan 2011 03:05:11 +0000

The Typekit Kit ID is placed in WordPress under Appearance > Typekit fonts. If you need help, drop a line to support@typekit.com.

By: Tygalilly

Tygalilly — Tue, 04 Jan 2011 03:03:06 +0000

Frustrated! Ive tried everythign and spent hours and hours trying to figure this out. I have finally given up! where on earth does one embed the code, please, where exactly does it go?

By: Mandy Brown

Mandy Brown — Sun, 02 Jan 2011 16:12:35 +0000

In reply to Daniel Greene.

I’m sorry this has been frustrating for you. We are hard at work on an improved implementation for WordPress. We also have a series of updates to the new themes planned for release this week. As always, if you need help finding a particular selector, you need only write support@typekit.com and we will be happy to assist.

By: Daniel Greene

Daniel Greene — Sun, 02 Jan 2011 15:13:09 +0000

Mandy, I’m sorry, but it is unacceptable for a company like yours to charge a minimum of $25 a year for a service (more than I pay for my WordPress.com blog) and not keep it up to date. It’s been months since WordPress changed its most popular themes, and yet your response continues to be “if you need help, just drop us a line.” I use Coraline, one of the top themes that came out in August 2010, and you still haven’t updated the Kit Editor to support it– oh, wait, I just checked and now I see it– five months after it came out. I used TwentyTen before that, which came out in June 2010, and you still haven’t added that to the Kit Editor. When I did once email you to ask for all the selectors I needed, you (or someone else there) said something to the effect of, “You should just be able to declare selectors for HTML and BODY and have them cascade from there.” Would that it were so simple!

I moved my blogs from self-hosted WordPress.org to WordPress.com to simplify my blogging and not have to spend hours on installations. Now I’ve spent hours on TypeKit trying to get it right. For $25 a year and more, I should have to spend so much time on this. You and your people should spend those hours yourselves updating your Kit Editor so the paying public can simply use what they paid for and get on with their blogging.

By: Jennifer

Jennifer — Sun, 02 Jan 2011 06:57:45 +0000

Thanks Mandy. Both Pressrow and Cutline are no longer available on WordPress.com, replaced by Pilcrow and Coraline. Typekit may want to have a look at the new WordPress.com Theme Showcase for the most popular themes. Thanks and cheers!

By: Mandy Brown

Mandy Brown — Sat, 01 Jan 2011 22:03:43 +0000

In reply to Jennifer. Those are the only themes that are supported via the custom Kit Editor which doesn't require any coding. You can use Typekit with any other theme provided you are comfortable with HTML and CSS. If you need help, just drop a line to support@typekit.com.

By: Asa

Asa — Sat, 01 Jan 2011 20:01:54 +0000

True, but is supports ALL themes on WordPress.ORG.. which is all professional blogs or websites.. I make my own themes in Artisteer (much better than buying new themes all the time from others!) and they all get customized with Typekit (see my ealier port for examples of the CSS).

By: Jennifer

Jennifer — Sat, 01 Jan 2011 19:51:53 +0000

Hi, just coming in through from the WordPress.com support forums where we are now confused about the current TypeKit support doc for WordPress.com, which seems to imply that only a few WP.com themes are supported. Here’s the link: http://typekit.assistly.com/customer/portal/articles/6840-Using-Typekit-with-WordPress-com

By: Asa

Asa — Tue, 07 Dec 2010 00:26:25 +0000

You can get Typekit to work in ANY WordPress website… But dont rely on their useless control panel, which doesnt even show up on ANY of my WordPress site dashbaords.

You need to install TYPEKIT FONTS in your WordPress.
This control panel will show up on SETTINGS panel in WordPress.
With this nifty plug-in, you can put in all the css modifiers you want. I modify everything: menu, block headers, sidebars, etc.

To find your specific CSS big pain though, because there is not “standard” nomenclature in WordPress.

In Firefox, get the DEVELOPER TOOLS add-on and install it in Firefox (its free). Then with you webpage open, you can use the menubar in developer tools to see EXACTLY the css name of your headers, text body, block headers, menu, you name it!

TypeKit themseleves are HORRIFIC as far as explaining anything or providing support. It would be SIMPLE to put a really helpful how-to together, but they just dont bother! Life is strange and people stranger.

For examples of my customization with Trajan and my favorite, Adelle..
see http://www.damaruworks.com
Some of my CSS is below, but you will need your own modifiers.. like I said, every THEME has a different stupid name for its headers, etc..

.art-menu a .t { font-family: “trajan-pro-1″,”trajan-pro-2”; font-size: 14px; font-weight: normal}
div.art-PostContent p {font-family: “adelle-1″,”adelle-2”; font-size: 13px; font-weight: normal}
div.art-PostContent ul li {font-family: “adelle-1″,”adelle-2”; font-size: 13px; font-weight: normal}
h1 { font-family: “trajan-pro-1″,”trajan-pro-2”; font-size: 16 px }
h2 { font-family: “trajan-pro-1″,”trajan-pro-2”; font-size: 14 px }
h3 { font-family: “adelle-1″,”adelle-2”; font-size: 16 px; font-style: italic}
div.art-PostHeader a:link {font-family: “trajan-pro-1″,”trajan-pro-2” }

By: Mandy Brown

Mandy Brown — Mon, 06 Dec 2010 22:34:48 +0000

In reply to SORD. If you are having trouble getting things set up, drop us a line and we'll be happy to help.