@font-face {
  font-family: 'Monot';
  src: url('../webfonts/SuisseIntlMono-Regular-WebS.woff2') format('woff2'),
       url('../webfonts/SuisseIntlMono-Regular-WebS.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse';
  src: url('../webfonts/SuisseIntl-Regular-WebM.woff2') format('woff2'),
       url('../webfonts/SuisseIntl-Regular-WebM.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Suisse';
  src: url('../webfonts/SuisseIntl-Medium-WebM.woff2') format('woff2'),
       url('../webfonts/SuisseIntl-Medium-WebM.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
  font-display: swap;
}

body { font-family: 'Suisse', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.monot { font-family: 'Monot', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }