Comments on: BluePrint CSS How to: Customizing Typography Baselines

By: CSS Typography, Contrast Techniques, Tutorials and Best Practices

CSS Typography, Contrast Techniques, Tutorials and Best Practices — Fri, 08 Jul 2011 17:53:26 +0000

[...] BluePrint CSS How to: Customizing Typography Baselines [...]

By: Freebies freebies | Freebies 1showcase

Freebies freebies | Freebies 1showcase — Tue, 31 May 2011 18:44:08 +0000

[...] Customizing Typography Baselines with Blueprint CSS [...]

By: CSS Typography: Techniques, Tutorials and Best Practices | Webwibe

CSS Typography: Techniques, Tutorials and Best Practices | Webwibe — Sun, 20 Mar 2011 02:29:54 +0000

[...] BluePrint CSS How to: Customizing Typography Baselines [...]

By: Ask to TheCoffeMaker – Desarrollo Web con herramientas OpenSource « TheCoffeMaker

Thu, 18 Nov 2010 05:06:10 +0000

[...] Personalizacion de Tipograficas [...]

By: Chris Raymond

Chris Raymond — Mon, 11 Oct 2010 19:21:19 +0000

I have to take issue with the characterization of Blueprint’s typography as beautiful. Yes, it sets up a baseline grid.

But the problem is, it builds in “floating heads”, headings that float between the previous and next paragraphs, equidistant vertically from each. This is bad readability. Heads should always be closer to the paragraph they “head up” than to the preceding paragraph, it’s one of the basic gestalt principles of proximity.

In the context of Blueprint css, you should alter the settings so that the margin-top of a head is more than the margin-bottom, but totaling the baseline grid unit.

By: Owen

Owen — Sun, 04 Apr 2010 03:13:24 +0000

Hello, I seem to have an issue with Blueprint’s Form styles when changing my baseline. It appears that it still uses it’s 12pt typography even though I have mine set for 16. Do you know a way around this?

Thanks!

By: CSS Typography: Contrast Techniques, Tutorials and Best Practices | Theme Center

Fri, 01 Jan 2010 18:20:13 +0000

[...] BluePrint CSS How to: Customizing Typography Baselines [...]

By: James

James — Sat, 24 Jan 2009 01:29:54 +0000

Great article. Blueprint definitely makes this as easy as it could be. For my site, I use 83.3331% to get a 13px font and a 20px baseline. I feel that they text looks great at this size, and doesn’t feel too big.

By: John Kopanas

John Kopanas — Wed, 04 Jun 2008 13:24:39 +0000

This came in really handy thank you. I have some questions though:

1) Once changing the font-size in body from 75% to 81.25% are your fonts support to still following the vertical grid (when you enter showgrid) or does the vertical grid not line up anymore?
2) Changing the default font-size to 13 or 14 makes some ugly baselines of 19.5 and 21. Do you just stick to those or do you do some other magic?

Thanks!