如何在 CSS 中重命名字体

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程的每个阶段提供云产品。使用 $200 免费积分 开始吧!

没有什么比得上一些传统的 CSS 技巧。Zach Leatherman 文档记录了如何使用 @font-face 以及 local() 源来重新定义 font-family。它实际上也可以非常有用,因为它本质上是您字体堆栈的抽象。

@font-face {
  font-family: My San Francisco Alias;
  src: local(system-ui), local(-apple-system), local('.SFNSText-Regular');
}
p {
  font-family: My San Francisco Alias, fantasy;
}

直接链接 →