The relative font weight axis — how variable fonts ease font weight transitions

本文讨论了可变字体和 font-variation-settings CSS 属性的使用，可以解决与字体重量转换相关的问题。作者介绍了自定义的 GRAD 轴，它是一种新功能，允许以粗体显示文本而不会改变其大小。这个功能很有用，因为它可以防止字体重量的变化影响布局和设计。

文章还强调了使用 web 字体面临的一些挑战，包括布局变化和性能问题，可以通过使用系统字体来解决。作者建议在设计网站时使用最基本和快速加载的字体。

此外，文章解释了可变字体的工作原理，并提供了如何使用它们创建自定义字体样式的示例。作者指出，可变字体提供了可用于调整字体渲染的参数（称为轴），字体创建者也可以定义自定义轴。

总体而言，本文为可变字体的世界提供了一个有用的介绍，以及如何使用它们来改进 web 设计。通过实现 font-variation-settings CSS 属性和 GRAD 轴，设计师可以创建视觉上吸引人的字体样式，不会对网站性能或布局产生负面影响。