TypeKit Guide – Change your Fonts
Getting TypeKit to work on your blog can be frustrating especially if you are not familiar with CSS. Here’s a simple guide of what I did to make it work without paying for wordpress CSS upgrade. First go to TypeKit and register for the Trial account which really should read free-without-time-limit. The Trial account allows you to pick only two type of fonts out of gazillions fonts that they have. That’s fine as I only need two different fonts, one for title and the other for paragraph. In TypeKit editor, select the font you want to apply to paragraph and type “p” without the quotation mark in the selector field hit Add and it will appear like so:
Select the other font and type “.title” if you want the selected font to be applied to the post’s title. Don’t forget to hit “Publish” which tells Typekit to execute the changes you made and apply fonts you have selected to your blog.
So in summary, really you can type in any element of CSS that is already taken place in your blog by default but you just need to know what the element is called. For a simple change to title and paragraph all you need to know is “p” and “.title” to be typed into Typekit selector field. Below is a screenshot of my blog. Number 2 is title and number 3 is paragraph and they both have different fonts. Number 1 is “element identifier” but you have to use Firefox and install “Web Developer” add-on.
The add-on pin point exactly the element’s name for title and paragraph. For everything else that has elements in the blog it will find them all just by clicking them.
After playing around with different type of fonts, you’ll soon realize that their fonts are kind of small. This issue needs to be address and Typekit is aware of it. In the mean time here’s how to increase size.
I give up trying to figure out how to increase the font size on the sidebar… so after 4 months with WordPress, I finally purchased the CSS custom upgrade. And now eveything is right with the world. I wished it was only one time payment… But no. it’s a subscription yearly.