Fresh Tweets

Open ↓

Ways and Links to improve the Typography of your Wordpress site

I <3 Typography! I <3 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 Ways and Links to improve the Typography of your Wordpress site

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 Ways and Links to improve the Typography of your Wordpress site

Font Burner

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

fontburner Ways and Links to improve the Typography of your Wordpress site

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 Ways and Links to improve the Typography of your Wordpress site

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 Ways and Links to improve the Typography of your Wordpress site

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 Ways and Links to improve the Typography of your Wordpress site

Like Wordpress & Typography?

Here are a few Free Wordpress Themes along that vain:

WPTypo

wptypo Ways and Links to improve the Typography of your Wordpress site

Futurosity Magazine

futurosity Ways and Links to improve the Typography of your Wordpress site

Minimo

minimo Ways and Links to improve the Typography of your Wordpress site

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

‘Digg Proof’ Shared Web Hosting, Downtown Host

  • del.icio.us
  • StumbleUpon
  • Facebook
  • DZone
  • Design Float

41 Comments

  1. Daimon
    Posted June 19, 2009 at 1:30 pm | Permalink

    Extremely good post. Great resources . Nice work!

    Reply
  2. Jamison
    Posted June 19, 2009 at 1:47 pm | Permalink

    There is also Facelift Image Replacment (FLIR) – it automatically generates images instead of Flash. And if javascript is disabled, it just goes on with normal html/css.

    Reply
  3. Jim Gaudet
    Posted June 19, 2009 at 2:13 pm | Permalink

    So worth a bookmark. I am always dealing with font issues and never happy..
    Jim Gaudet´s last blog ..Yankee Pride | My New Tattoo

    Reply
  4. Stijn Vogels
    Posted June 19, 2009 at 7:08 pm | Permalink

    Some more typography plugins that are really very useful:
    - WP-Typography
    - Hyphenator

    Reply
  5. ajith
    Posted June 20, 2009 at 11:02 pm | Permalink

    beautiful. why isnt pure black not used for type these days? to avoid high contrast?

    Reply
  6. Aneslin
    Posted June 21, 2009 at 6:44 pm | Permalink

    great collection, gonna bookmark them all
    need to refer one by one
    thx bro
    Aneslin´s last blog ..MySQL Injection Cheat Sheet

    Reply
  7. Trackback : Cell phone GPS » Miracles of technology...bring information on ...
    Posted February 15, 2010 at 12:33 am | Permalink

    .. ] is one another useful source of information on this subject..]

    Reply

14 Trackbacks

  1. By Ways and Links to improve the Typography of your Wordpress site | theWPresser « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit on June 19, 2009 at 12:25 pm

    [...] Ways and Links to improve the Typography of your Wordpress site | theWPresserthewpresser.com [...]

  2. By » Typographie-Tipps für WP — cne _LOG Archiv on June 19, 2009 at 12:41 pm

    [...] der Blog besser ausschaut: Ways and Links to improve the Typography of your Wordpress site Tags: Plugin, Tipps, Wordpress Kategorie: Sideblog Ähnliche Beiträge Web2.0 für [...]

  3. By » Ways and Links to improve the Typography of your Wordpress site … Wordpress Plugins: Just another WordPress weblog on June 19, 2009 at 12:49 pm

    [...] More here: Ways and Links to improve the Typography of your Wordpress site … [...]

  4. By popurls.com // popular today on June 19, 2009 at 1:20 pm

    popurls.com // popular today…

    story has entered the popular today section on popurls.com…

  5. By Ways and Links to improve the Typography of your Wordpress site … | Neorack Script on June 19, 2009 at 3:35 pm

    [...] the original post here: Ways and Links to improve the Typography of your Wordpress site … Share and [...]

  6. By Ways and Links to improve the Typography of your Wordpress site … | bllogger on June 19, 2009 at 4:50 pm

    [...] the rest here: Ways and Links to improve the Typography of your Wordpress site … Share and [...]

  7. By Blog Archive » links for 2009-06-19 » Small Farm Design on June 19, 2009 at 6:00 pm

    [...] Ways and Links to improve the Typography of your Wordpress site | theWPresser (tags: wordpress design plugins typography) [...]

  8. By Ways and Links to improve the Typography of your Wordpress site | theWPresser | Squico on June 19, 2009 at 7:00 pm

    [...] In: Wordpress plugins 19 Jun 2009 Go to Source [...]

  9. By links for 2009-06-19 at DeStructUred Blog on June 20, 2009 at 2:02 am

    [...] Ways and Links to improve the Typography of your Wordpress site | theWPresser (tags: Wordpress typography design plugins layout plugin inspiration webdesign) [...]

  10. By CSS Brigit | Ways and Links to improve the Typography of your Wordpress site on June 20, 2009 at 2:56 pm

    Ways and Links to improve the Typography of your Wordpress site…

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

    …

  11. By links for 2009-06-20 « Mandarine on June 21, 2009 at 4:10 am

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

  12. By Weekly Web Roundup: Geek Gang Edition #5 | Hi, I'm Grace Smith on June 22, 2009 at 1:54 pm

    [...] Ways to improve the Typography of your Wordpress site Excellent article covering a multitude of ways to improve the typography of your blog, from sIFR and WP-Cufon to CSS, with some tasty Wordpress examples. [...]

  13. By links for 2009-06-22 on June 23, 2009 at 11:12 pm

    [...] Ways and Links to improve the Typography of your Wordpress site | theWPresser (tags: wordpress typography resources) [...]

  14. By Ways and Links to improve the Typography of your Wordpress site | theWPresser | WordPress News - New WordPress Themes on June 28, 2009 at 8:15 am

    [...] here to see the original: Ways and Links to improve the Typography of your Wordpress site | theWPresser Share and [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting