使用MUI时,我真的需要加载Roboto字体吗?

TL;博士

不——你知道 需要 安装Roboto字体以使用MUI,因为它配置有回退(并且您可以覆盖Roboto的使用 globally ),但如果你想遵守 the used version of Google's Material Design guidelines 或者有一个更一致的跨平台UI,你可能想要。

您最可能看到的是后备字体 (如果本地未安装Roboto,则为系统版本的Helvetica或其他无衬线字体) 。它们看起来确实有些相似,但仔细观察细微之处,你会发现字体不同。(圆角、间距等)

代码沙盒- MUI with Roboto loaded

代码沙盒- MUI without Roboto loaded

预装操作系统

据我所知, Android 是唯一一款预装了Roboto字体的操作系统。

默认情况下未安装:

• MacOS Monterey Font List
• Windows 11 Font list

(我找不到Ubuntu预装字体的列表)

在Firefox上确认

在Firefox上,可以通过检查一个元素,然后查看“字体”面板的“使用的字体”部分来查看渲染(使用的)字体。

在Chrome上确认

在Chrome上,可以通过检查元素,然后查看“计算”选项卡的“渲染字体”部分来查看渲染(使用)的字体。

有趣的一点——Firefox过去有很多 font loading/rendering problems 这就是为什么我 还 使用Firefox for dev时存在信任问题。