1375892 - Redesign bugs [meta] [tracker]

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, enhancement)

Description

[Stephanie Hobson [:shobson]]

Place to track all the beta bugs.

Comment 1

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/2fcf608a72b72929a26fd502d7036fac0ae018d4
Bug 1375892: Locale font fallbacks

The way the locale font fallbacks work is:
- The font stack includes made up keywords (`x-locale-body`,
  `x-locale-heading-primary`, `x-locale-heading-secondary`)
- When the browser doesn't recognize the keywords it falls back
  to the next font in the stack
- We can load CSS files specific to each locale. In those files we can
  include an `@font-face` declaration which defines the keywords. This
  causes the defined font to be loaded and displayed.
- Best practice for Asian character sets (ie Chinese) is to load a
  preferred display font and then specify a better fallback for the
  Chinese. This is because Chinese fonts have English characters but
  they look terrible.

Changes in this PR:
- Removed the @font-face declaration for Zilla from the main.css file.
- Added made up keyword x-locale-heading-primary to the front of the
  heading font stack.
- Added made up keywords `x-locale-heading-secondary`, and
  `x-locale-body` to the font stack as fallback fonts
- Added locale specific files for each locale which Zilla supports.
  These files each include the Zilla @font-face declaration which
  enables Zilla to load into its place in the font stack.
- Because font paths are relative the SCSS variables are complicated.
  To handle loading Zilla from the locale files I had to move the
  Zilla files into the locale folder and the _zilla.scss file in with
  the other locale style sheets.
- Copied locale specific fixes for Open Sans from bedrock to kuma
  using the x-locale-body keyword to load in better fallbacks.
    - Did not copy font-variant fixes since we don't use font variants.
- Declared new heading defaults for locales with Arabic alphabet by
  defining a font-face for x-locale-heading-primary in those locale
  specific files.

https://github.com/mozilla/kuma/commit/e8d406ef9f14e76682223fcfdcb0d2ac61e50245
Merge pull request #4317 from mozilla/1370594-locale-fonts

Bug 1375892: Locale font fallbacks

Comment 2

[Florian Scholz (Open Web Docs)]

Redesigned finished! :)