[#FUSEFORGE-87] Change serif font to sans serif in Forge home page and project sites

Forge: FUSE Forge

Change serif font to sans serif in Forge home page and project sites

Created: 05/May/09 01:38 PM Updated: 20/May/09 01:36 PM

Component/s:

None

Affects Version/s:

1.0

Fix Version/s:

1.0

File Attachments:

None

Image Attachments:

1. adg-serif.jpg (118 kB)	2. adg_sans.gif (98 kB)	3. forge-serif.jpg (113 kB)
4. forge_sans.gif (57 kB)

Description

« Hide

The use of a serif font (Georgia) in the FUSE Forge home page and in other project web sites is jarring and breaks the "serif for print, sans serif for onscreen" convention.

It looks particularly bad given that a sans serif font is used in some places on these page.

We should be consistent and use a sans serif font throughout.

All

Comments

Change History

Sort Order:

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 03:48 PM

Font's updated.

[ Permlink | « Hide ]

David Porter added a comment - 05/May/09 04:20 PM

Now most of the fonts, but not all, are in Serif. They should be in Sans Serif.

Will attach a mockup

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 05:06 PM

attaching serif version to more easily compare.

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 05:07 PM

attaching serif version to more easily compare.

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 05:08 PM

I personally like the serif versions more as it gives the forge a little more pop. Yes the sans version is consistent with the main site, but then again that's what makes it more boring.

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 05:08 PM

In any case I don't think this is a 1.0 blocker

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 05:09 PM

Going to send this around the horn to get input.. James what's your preference?

[ Permlink | « Hide ]

Mary McManus added a comment - 05/May/09 05:31 PM

I don't have strong views on the font we use. However, I do think that it should be consistent on a page. At the moment in the serif examples, on both the pages the blue at the top and the orange text is san serif and the rest is serif.

[ Permlink | « Hide ]

Hiram Chirino added a comment - 05/May/09 06:21 PM

Mary,

The point of the font difference in those elements is so that users can more easily identify menu/navigational/label elements of the page more easily versus page content.

You guys really need to read and soak in this Web 2.0 Design Guide:
http://www.webdesignfromscratch.com/web-2.0-design-style-guide.php

Section #4 and and #8 Apply

Also see http://www.webdesignerwall.com/tutorials/typographic-contrast-flow/
Section #2 they encourage the mix used of serif and sans "to create contrast"

[ Permlink | « Hide ]

Eric Johnson added a comment - 05/May/09 09:56 PM

Hiram,

I think the latest version looks better than the last one. At least the ADG block looks like it belongs to the same page. The design just needs some tweaking around the edges to polish it up.

Perhaps the layout could be changed to keep the serif headings and use sans-serif for the body text. The navigation links are clear because they use different colors and font weights, they don't really need to have a different font in addition.

The text in the message divs are really chunky and blocky. Could they be shrunk down from a 14pt font to a 12pt font? That change may make the serif body text look more appealing.

Cheers,
Eric

[ Permlink | « Hide ]

Hiram Chirino added a comment - 20/May/09 01:36 PM

Marking as resolved.