/* ═══════════════════════════════════════════════════════════
   MiSans · 三页共用（index / works / contact）
   排印参数在 styles.css 的「MiSans 排印校准」一节

   来源：MiSans 官方发行包 MiSans_Global_ALL.zip → MiSans/ttf
        小米发布，免费商用

   为什么要自己切子集：
     官方 woff2 整套约 4.8MB/字重，一个简介页扛不动；
     官方 npm 包（misans@5.0.0）给的是按 unicode-range 切好的
     56 个 CID-keyed CFF 切片，共 578KB，且 CID 轮廓无法合并成单文件。
     TTF 是 glyf 轮廓，可以按「页面实际用字」干净地切一次 ——
     三个字重合计 180KB，且不含任何页面用不到的字形。

   主子集覆盖制作时 index / works / contact 三页的用字（446 个汉字
   + 拉丁、数字、中英标点）。新增用字须检查字形覆盖。
   真要整站换字或新增大量文案，重新生成：
     pyftsubset MiSans-Light.ttf --text-file=chars.txt \
       --flavor=woff2 --output-file=fonts/misans-light.woff2

   ⚠️ 字重映射：MiSans 自报的字重（Light 250 / Normal 305 /
   Medium 380）与 CSS 惯用的 100–900 刻度对不上，直接照抄会让
   font-weight 出现 305 这种没法用的值。这里统一归到
   300 / 400 / 500 —— 与 styles.css 的
   --w-display / --w-body / --w-label 一一对应。
   ═══════════════════════════════════════════════════════════ */

/* 大字：页标题、姓名、邮箱等 display 级文字。黑体大字选轻一档，
   抵消暗底反白的「光学膨胀」，在屏幕上才回到纸上的分量 */
@font-face{
  font-family:"MiSans"; font-style:normal; font-weight:300;
  src:url("fonts/misans-light.woff2") format("woff2");
  font-display:swap;
}

/* 正文：自述、履历、作品名、联系页三栏 —— 页面的默认声音。
   13px 以上的内容一律 Normal(400)，不因「看着小」而上抬字重 */
@font-face{
  font-family:"MiSans"; font-style:normal; font-weight:400;
  src:url("fonts/misans-normal.woff2") format("woff2");
  font-display:swap;
}

/* 联系页新增的「公众号」三个字：只补缺失字形，避免重切主字体改变既有排印。
   来源：小米 MiSans.zip 中的 MiSans-Normal.ttf（Version 4.009）。 */
@font-face{
  font-family:"MiSans"; font-style:normal; font-weight:400;
  src:url("fonts/misans-normal-contacts.woff2") format("woff2");
  font-display:swap;
  unicode-range:U+516C,U+4F17,U+53F7;
}

/* 标签：仅 ≤11px 的节标签、字段名。这个尺寸的黑体笔画细如发丝，
   反白之后容易糊，必须补重一档才立得住。
   ⚠️ 不要用在 13px 以上的文字上 —— 叠加暗底反白的光学膨胀
   会比页标题还抢眼，层级也会从「字号/字距」滑向「谁更粗」 */
@font-face{
  font-family:"MiSans"; font-style:normal; font-weight:500;
  src:url("fonts/misans-medium.woff2") format("woff2");
  font-display:swap;
}