news.launchpad.net uses three slightly-different typefaces

[Matthew Paul Thomas]

<http://news.launchpad.net/> uses "'Lucida Grande',Verdana,Arial,Sans-Serif" for the location bar, and for the body text. It uses some other typeface (apparently DIN 1451 MittelSchrift or another of the DIN family) for the "Launchpad" and "Launchpad News" tabs. And it uses "'Trebuchet MS',Verdana,Sans-Serif" for the headings.

This doesn't look so bad if you have neither Lucida Grande nor Trebuchet MS installed. But if you do, it's three similar-but-not-identical typefaces being used on the same page, which is ugly.

This can be fixed by:
* fixing the news.launchpad.net style sheet to use the same typeface selection for headings as it does for body text;
* redrawing the "Launchpad" and "Launchpad News" graphics in a typeface that is more distinct from the humanist ones used for headings and body text.

[Matthew Revell (matthew.revell)]

Thanks Matthew. I'll ask Matt Nuzum to take a look.

[Matthew Paul Thomas (mpt)]

Actually it appears the DIN typeface is used for the big buttons on <https://launchpad.net/> too, so that problem may need solving separately. But at least the heading/body typefaces can be harmonized here.

[Joey Stanford (joey)]

The currently defined and used fonts in the various css I can get to are:

'Lucida Grande', Verdana, Sans-Serif
'Trebuchet MS', Verdana, Sans-Serif
Lucida Grande', Verdana, Arial, Sans-Serif

I'm not sure where the others are coming from. We can change those above and the sizing in the theme if we want.

[Matthew Revell (matthew.revell)]

On 26/03/2008, Joey Stanford <email address hidden> wrote:
> The currently defined and used fonts in the various css I can get to
> are:
>
> 'Lucida Grande', Verdana, Sans-Serif
> 'Trebuchet MS', Verdana, Sans-Serif
> Lucida Grande', Verdana, Arial, Sans-Serif
>
>
> I'm not sure where the others are coming from. We can change those above and the sizing in the theme if we want.

We may want to do a more thorough re-fresh of the blog theme soon.
Presumably this font tweak won't be a great deal of work, though.

Where does the Trebuchet show up? In the green LP header? Is Lucida
Grande used anywhere else within LP?

I'd be surprised if many of our readers had Lucida Grande installed by default.

 --
Matthew Revell - Launchpad and Bazaar rock!
Join us in #launchpad and #bzr on irc.freenode.net

[Joey Stanford (joey)]

/*- Headings */

h1, h2, h3, h4 {
 font-family: 'Trebuchet MS', Verdana, Sans-Serif;
 }

body {
 font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
 color: #444;
 background: #EDEDED;
 text-align: center;
 margin: 0 0 30px;
 }