Uploaded image for project: 'Forge: FUSE Forge'
  1. Forge: FUSE Forge
  2. FUSEFORGE-87

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

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: 1.0
    • Fix Version/s: 1.0
    • Component/s: None
    • Labels:
      None
    • Similar Issues:
      Show 10 results 

      Description

      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.

        Gliffy Diagrams

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

          Activity

          Hide
          chirino Hiram Chirino added a comment -

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

          Show
          chirino Hiram Chirino added a comment - Going to send this around the horn to get input.. James what's your preference?
          Hide
          mmcmanus Mary McManus added a comment -

          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.

          Show
          mmcmanus Mary McManus added a comment - 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.
          Hide
          chirino Hiram Chirino added a comment -

          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"

          Show
          chirino Hiram Chirino added a comment - 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"
          Hide
          emjohnson Eric Johnson added a comment -

          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

          Show
          emjohnson Eric Johnson added a comment - 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
          Hide
          chirino Hiram Chirino added a comment -

          Marking as resolved.

          Show
          chirino Hiram Chirino added a comment - Marking as resolved.

            People

            • Assignee:
              jastrachan James Strachan
              Reporter:
              davidcporter David Porter
            • Votes:
              5 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Development