/* 自托管的 Fraunces / Work Sans / IBM Plex Mono，替代 fonts.googleapis.com。
   Fraunces 和 Work Sans 在 Google 那边本来就是可变字体：500/600/700（或
   400/500/600/700）用的是同一份文件，靠浏览器按 font-weight 自动取用对应
   粗细，所以这里每个字重声明都指向同一个 woff2，不是重复打包。
   这三套字体只覆盖拉丁字符（数字、英文），中文一直是靠 CSS 里
   font-family 栈的下一项（-apple-system / sans-serif）渲染的 —— 这点和
   之前用 Google 的版本完全一样，不是新引入的行为。 */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/fraunces.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/fraunces.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/fraunces.woff2') format('woff2');
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/work-sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/work-sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/work-sans.woff2') format('woff2');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/work-sans.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/ibm-plex-mono-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/ibm-plex-mono-600.woff2') format('woff2');
}