Ways and Links to improve the Typography of your Wordpress site

I Love Typography! I Love Wordpress too although I’m not really very good at either so need help! ;)

On my search for tweaking and improving this site I found a few links to CSS or plugins that may help improve your site too:

WP-sIFR

This really is a no-brainer some easy instructions in an earlier post.

‘WP sIFR was created to remove the complications from getting custom fonts on a Wordpress site. With WP sIFR, you only have to upload your SWF font file to the plugin directory and then login, activate it, and configure its styles all in the Settings panel.’

wp-sifr

WP-Cufon

Supposedly quicker than sIFR a healthy alternative as sIFR sometimes takes some time to render if you’re not using a cache plugin.

‘This Plugin makes it totally easy to implement Cufon into your WordPress Blog. The only thing you have to do is converting your fontfiles and upload them into the plugins directory. You can enable the objects you want to get replaced in the Admin Menu of WordPress.’

wp-cufon

Font Burner

3 Steps to embed many non standard fonts into your design.

fontburner

Drop Caps

‘The drop caps plugin is fairly self-explanatory. It adds mark-up to your posts and pages which allows you to create wicked drop caps.’

dropcaps

Using CSS

10 Examples of Beautiful Typography and How they did it…

I think this is the one that started me off in trying to get a handle on CSS typography and what can and can’t be achieved.

‘There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type?’

using-css

TypeChart

Take a look at various css formats for headings, body text etc. then simply click ‘Get CSS’ copy and paste into your style.css file!

‘Typechart lets you flip through, preview and compare web typography while retrieving the CSS.’

typechart

Like Wordpress & Typography?

Here are a few Free Wordpress Themes along that vain:

WPTypo

wptypo

Futurosity Magazine

futurosity

Minimo

minimo

Some further CSS & Typography reading:

25 Excellent Typography Tools for the Serious Designer

50 Useful Design Tools For Beautiful Web Typography

CSS Typography: Contrast Techniques, Tutorials and Best Practices

101 Typography Resources for Web Designers

8 Simple Ways to Improve Typography In Your Designs

16 Inspiring Typography Based Blog Designs

About Roger

Roger is the owner and founder of Styl.eti.me, and also runs a Social Media Consulting firm. You can of course follow me on Twitter @imrogb.
This entry was posted in typography and tagged , , , , . Bookmark the permalink. Follow any comments here with the RSS feed for this post. Both comments and trackbacks are currently closed.

68 Responses to Ways and Links to improve the Typography of your Wordpress site

  1. carriehebert says:

    Great info: RT @styletime: Improve the Typography of your Wordpress site http://bit.ly/IXkCc

    This comment was originally posted on Twitter

  2. dannyhinde says:

    #Reading Improve typography of your Wordpress site > http://bit.ly/hgfva
    #design #web

    This comment was originally posted on Twitter

  3. glnster says:

    Improve the #Typography of your #Wordpress site http://bit.ly/IXkCc (via @antonea @chadengle @styletime)

    This comment was originally posted on Twitter

  4. @iheartwordpress RT RT @ChadEngle: RT @styletime: Improve the Typography of your Wordpress site http://bit.ly/IXkCc

    This comment was originally posted on Twitter

  5. blueocto says:

    Another good resource is “Typogridphy” by Harry Roberts of CSS Wizardry. It can be found at http://csswizardry.com/typogridphy/.

  6. [...] post: Ways and Links to improve the Typography of your Wordpress site … Share this on del.icio.usDigg this!Buzz up!Stumble upon something good? Share it on [...]

  7. [...] Ways and Links to improve the Typography of your Wordpress site | styl.eti.me [...]

  8. [...] Ways and Links to improve the Typography of your Wordpress site Awesome Ways to improve your Typography!! (tags: ping.fm tech) [...]

  9. [...] Ways to improve the Typography of your Wordpress site Great post from Roger on how to use CSS and plugins to tweak and improve your blog typography. It can really make or break a design so it’s important to get right. [...]

  10. So worth a bookmark. I am always dealing with font issues and never happy..

  11. [...] Ways and Links to improve the Typography of your Wordpress site Awesome Ways to improve your Typography!! (tags: ping.fm tech) [...]

  12. timotejneonski says:

    awesome post….

    Just the thing I needed

  13. [...] Ways and Links to improve the Typography of your WordPress site (tags: wordpress typography sifr webdev webdesign plugin) [...]

  14. [...] Distintas opciones a la hora de personalizar las tipografías en Wordpress. [...]

  15. [...] Ways and Links to improve the Typography of your Wordpress site | styl.eti.me If you ever wondered about using custom fonts on your blog, this post is for you! (tags: WordPress typography plugin) Leave a Reply Click here to cancel reply. [...]

  16. [...] Ways and Links to improve the Typography of your Wordpress site [...]

  17. Leslie says:

    I had no idea there are Wordpress plugins for Sifr and Cufon. Thanks!