我没有使用-applye系统，而是尝试在macOS上使用CSS

我会使用SF Compact Rounded，它已经是苹果macOS的预装字体，所以我会从

-Apple system

切换到

SF Compact Rounded

，作为CSS上的备用字体

      @font-face 
      {
        font-family: 'SF Compact Rounded';
        font-style: normal;
        font-weight: normal;
        src: local("SF Compact Rounded Regular"), local("SFCompactRounded-Regular");
      }

      @font-face 
      {
        font-family: 'SF Compact Rounded';
        font-style: normal;
        font-weight: bold;
        src: local("SF Compact Rounded Bold"), local("SFCompactRounded-Bold");
      }

然后我换了个位置：

body {
   font-family: -apple-system, sans-serif;
}

致：

但它不起作用。我还尝试了

.SF Compact Rounded

，

SF Compact Rounded

，

SF NS Rounded

和

SF NS Rounded

试试“.SF紧凑圆形”

body {
   font-family: 'SF Compact Rounded', -apple-system, sans-serif;
}