如何使用带有斜角的系统字体？

Question

我正在尝试通过自定义排版功能使用系统字体。它似乎无法正常工作。或者至少，我不确定如何从一长串字体中测试是否要获得所需的字体。

$custom-typography: mat-typography-config(
  $font-family:
    '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif');

这在开发人员工具中显示为字体系列：

400 34px/40px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif

计算样式/字体家族：

-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif.mat-display-1, .mat-typography .mat-display-1

在body {} css上设置字体系列时，我会得到不同的字体，而不是在mat-typography函数中。