网络字体没有粗体

css

之前博客使用了 MiSans 网络字体,来自 misans-webfont

<link rel="preload" as="style" crossorigin
  href="https://cdn.jsdelivr.net/npm/misans-webfont/misans/misans-regular/result.min.css"
  onload="this.rel='stylesheet'" />
<noscript>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/misans-webfont/misans/misans-regular/result.min.css" />
</noscript>

onload 加载方式来自 推迟非关键 CSS  |  Articles  |  web.dev 的建议

平时都没注意网页上居然没有 bold 样式的字体,一看我只加载了 regular 字型。可补上 bold 之后还是没有显示?

<link rel="preload" as="style" crossorigin
  href="https://cdn.jsdelivr.net/npm/misans-webfont/misans/misans-bold/result.min.css"
  onload="this.onload=null;this.rel='stylesheet'" />

我设备上也安装了 MiSans 字体的 TTF 文件,注释掉 stylesheet 用本地字体文件就一切正常,看来问题出在远程定义文件上。

https://cdn.jsdelivr.net/npm/misans-webfont/misans/misans-bold/result.css
@font-face {
  font-family: "MiSans";
  src: local("MiSans"), url("./188.woff2")format("woff2");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}

就是这个 local("MiSans"),会优先加载本地字体文件。像其他的 dsrkafuu/misans 就不会这么定义。

后续见 JSX 中异步加载字体样式表

Git 把本地分支以新分支名推送到远程

git

一般都说需要先切换到另一个分支再加 --set-upstream 推送,否则有 错误:源引用规格 pages 没有匹配,但其实可以

git push --set-upstream origin HEAD:new_branch_name