web/packages/design-system/lib/fonts.css

@font-face {
  font-display: fallback;
  font-family: 'biro script plus';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/biro-script-plus/regular.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: 'brandon text';
  font-weight: 700;
  src:
    url(/fonts/brandon-text/bold.woff2) format('woff2'),
    url(/fonts/brandon-text/bold.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'brandon text';
  font-weight: 900;
  src:
    url(/fonts/brandon-text/black.woff2) format('woff2'),
    url(/fonts/brandon-text/black.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'Domaine Sans Text';
  font-style: normal;
  font-weight: 300;
  src:
    url(/fonts/domaine/domainesanstextweb-light-webfont.woff2) format('woff2'),
    url(/fonts/domaine/domainesanstextweb-light-webfont.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'Domaine Sans Text';
  font-style: normal;
  font-weight: 400;
  src:
    url(/fonts/domaine/domainesanstextweb-regular-webfont.woff2) format('woff2'),
    url(/fonts/domaine/domainesanstextweb-regular-webfont.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'fira sans';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/fira-sans/light.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: 'fira sans';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/fira-sans/regular.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: 'fira sans';
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/fira-sans/medium.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: 'fira sans';
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/fira-sans/semibold.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: 'fira sans';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/fira-sans/bold.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: 'fira sans';
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/fira-sans/black.woff2) format('woff2');
}

@font-face {
  font-display: fallback;
  font-family: Garamond;
  font-style: normal;
  font-weight: 400;
  src:
    url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2)
      format('woff2'),
    url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff)
      format('woff');
}

@font-face {
  font-display: fallback;
  font-family: Gotham;
  font-style: normal;
  font-weight: 900;
  src:
    url(/fonts/gotham/gotham-black-webfont.woff2) format('woff2'),
    url(/fonts/gotham/gotham-black-webfont.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: Gotham;
  font-style: normal;
  font-weight: 700;
  src:
    url(/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'),
    url(/fonts/gotham/gotham-bold-webfont.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'Neue Haas Grotesk Display Pro';
  font-style: normal;
  font-weight: 400;
  src:
    url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2)
      format('woff2'),
    url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff)
      format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'Neue Haas Grotesk Display Pro';
  font-style: normal;
  font-weight: 500;
  src:
    url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2)
      format('woff2'),
    url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff)
      format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'Prumo text';
  font-style: normal;
  font-weight: 300;
  src:
    url(/fonts/prumo/prumotext-light-webfont.woff2) format('woff2'),
    url(/fonts/prumo/PrumoText-Light.woff) format('woff');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/canela-deck/CanelaDeck-Black.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: italic;
  font-weight: 900;
  src: url(/fonts/canela-deck/CanelaDeck-BlackItalic.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/canela-deck/CanelaDeck-Bold.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/canela-deck/CanelaDeck-BoldItalic.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/canela-deck/CanelaDeck-Light.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/canela-deck/CanelaDeck-LightItalic.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/canela-deck/CanelaDeck-Medium.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: italic;
  font-weight: 500;
  src: url(/fonts/canela-deck/CanelaDeck-MediumItalic.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/canela-deck/CanelaDeck-Regular.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/canela-deck/CanelaDeck-RegularItalic.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/canela-deck/CanelaDeck-Thin.otf) format('opentype');
}

@font-face {
  font-display: fallback;
  font-family: 'Canela Deck';
  font-style: italic;
  font-weight: 200;
  src: url(/fonts/canela-deck/CanelaDeck-ThinItalic.otf) format('opentype');
}