网络字体没有粗体
之前博客使用了 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 用本地字体文件就一切正常,看来问题出在远程定义文件上。
@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 把本地分支以新分支名推送到远程
一般都说需要先切换到另一个分支再加 --set-upstream 推送,否则有 错误:源引用规格 pages 没有匹配,但其实可以
git push --set-upstream origin HEAD:new_branch_name