怎么他喵的会有这种事

都是最新版，用了 sass 和 material 。 模板里这样： <mat-toolbar> 文字 1 <button mat-button>文字 2<button> </mat-toolbar>

此时文字 1 自动使用了 Material 的 Roboto 字体，但是在我的 windows 10 台式机的 chrome 下，文字 2 却使用了 Arial 字体。在 Windows 11 笔记本的 chrome 下，文字 2 也使用了 Arial 字体，但是好看很多。

把 sass 改成这样： mat-toolbar button color: red font-family: Roboto, "Helvetica Neue", sans-serif

发现文字 2 变成了红色，在 windows11 中也使用了 Roboto 字体，但是在 windows10 中居然还保持 Arial 字体。请问这是什么情况？