@font-face {
  font-display: auto;
  font-family: 'SF Mono';
  src: url('/css/fonts/SFMono-Light.otf') format('opentype');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-display: auto;
  font-family: 'SF Mono';
  src: url('/css/fonts/SFMono-Regular.otf') format('opentype');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-display: auto;
  font-family: 'SF Mono';
  src: url('/css/fonts/SFMono-Medium.otf') format('opentype');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-display: auto;
  font-family: 'SF Mono';
  src: url('/css/fonts/SFMono-Semibold.otf') format('opentype');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-display: auto;
  font-family: 'SF Mono';
  src: url('/css/fonts/SFMono-Bold.otf') format('opentype');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-display: auto;
  font-family: 'SF Mono';
  src: url('/css/fonts/SFMono-Heavy.otf') format('opentype');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}