tokens/aleris-fonts.css

/* ==========================================================================
   Aleris Fonts — Museo Sans @font-face declarations
   ==========================================================================
   Maps the four shipped Museo Sans weights into a single CSS family.
   Pair with aleris-tokens.css; loading order: tokens, then fonts.

   Why this file exists separately:
     macOS registers each Museo Sans weight as its own font family
     (PostScript names MuseoSans-100/-300/-500/-700/-900; family names
     often 'Museo Sans 700' etc., not just 'Museo Sans'). Without these
     @font-face rules, `font-family: 'Museo Sans'` matches whichever
     locally installed file claims the bare 'Museo Sans' family — usually
     MuseoSans-900 — so every weight in the page renders from one file.
     A user with all five weight files installed still sees the wrong
     weight, and the bug is invisible without DevTools "Rendered Fonts".

   These declarations bind each weight to the matching woff2 file (with a
   local() fallback for users who already have Museo Sans installed) and
   register them as a single CSS family so that `font-weight: 500` actually
   picks MuseoSans-500.

   Pairing with body styles:
     Set `font-synthesis-weight: none` on the body so that if a weight
     file is missing, the browser substitutes the nearest real weight
     instead of synthesising a fake bold from a too-light face.

   Maintainer: Torfinn Almers, Head of Design, Aleris Group
   ========================================================================== */

/* 100 weight is not shipped — Museo Sans 100 is reserved for exceptional
   display use and few systems carry it. Falls back to 300 via the regular
   font-weight matching algorithm. */

@font-face {
  font-family: 'Museo Sans';
  src: url('/fonts/MuseoSans_300-webfont.woff2') format('woff2'),
       local('MuseoSans-300'),
       local('Museo Sans 300');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: url('/fonts/MuseoSans_500-webfont.woff2') format('woff2'),
       local('MuseoSans-500'),
       local('Museo Sans 500');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: url('/fonts/MuseoSans_700-webfont.woff2') format('woff2'),
       local('MuseoSans-700'),
       local('Museo Sans 700');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: url('/fonts/MuseoSans_900-webfont.woff2') format('woff2'),
       local('MuseoSans-900'),
       local('Museo Sans 900');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}