Websites/Taskforce/Proposals/Web Fonts

From MozillaWiki
Jump to navigation Jump to search

Web Fonts Proposal (Status: Draft)

Working Group

Ned Schwartz and David Boswell

Problem

FF Meta Sample

Mozilla branding uses the FontFont Meta font for logotype. However, FF Meta is a proprietary font with a closed license.

It is felt that it would serve Mozilla's goals best to search for a free and open alternative to FF Meta.

A free and open font becomes especially important when it comes to extending the Mozilla brand to it's web properties through the use of css3 @font-face embedding. FF Meta cannot be included in a Mozilla project without compromising Mozilla's goal of distributing only open-licensed code (where is this goal stated? -ned).

This brings up a few questions:

  1. Should Meta be replaced completely in Mozilla branding, or are we just concerned about web typography?
  2. Do we want and/or need to have consistant typography across mozilla products and websites?
  3. How open do we need the licensing of our replacement font to be? Is it simply being free as in beer good enough to allows code to be distributed? Or do we want a license that allows modification etc.

Solution

One solution is to find a font or set of fonts that Mozilla adopts and recommends for use in websites. Already there are a few fonts that have been adopted in the Mozilla web universe:

Museo Sans

Museo Sans Sample

http://new.myfonts.com/fonts/exljbris/museo-sans/ http://www.fontsquirrel.com/fonts/Museo-Sans

Museo is a great font, has serif, slab-serif and sans serif typefaces. Unfortunately the free variant of the font is pretty limited: there is only one weight in each variant available, and the license is not very permissive.

Titillium

Titillium Sample

http://www.fontsquirrel.com/fonts/TitilliumText

Droid Sans

Droid Sans Sample

http://www.fontsquirrel.com/fonts/Droid-Sans

Created for the Open Handset Alliance, Droid is a nice, quiet serif. It is very readable, but it doesn't have a huge amount of character. The font is also limited in it's range, lacking italics in the sans-serif .

PT Sans

PT Sans Sample

http://www.fontsquirrel.com/fonts/PT-Sans

PT Sans is not in use anywhere in Mozilla yet, but it is a great heir to Meta's throne; it is a humanist sans-serif with an inviting and fun character while maintaining clarity.

Use Cases