我可以从Material UI文档中看到，用户负责加载Roboto字体：
Material UI默认使用Roboto字体，你可以通过Fontsource用npm或yarn，或者用Google Fonts CDN将其添加到你的项目中。
MUI不会自动加载Roboto字体。您有责任加载应用程序中使用的任何字体。
我尝试了他们的一个示例项目（vitejs），在这个项目中看不到Roboto字体的任何加载。
当使用npm run dev启动它时，我可以看到文本正确地显示为Roboto字体，尽管事实上我在索引html页面中看不到这种字体的任何痕迹。
我没有在标题中看到任何<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/>。我也尝试在内联样式中找到任何@font-face，但没有成功。
我想知道Roboto字体是从哪里来的？它是现代电脑的默认字体吗？（我现在在ubuntu笔记本电脑上使用firefox）
1条答案
按热度按时间z31licg01#
靶区; DR
你最可能看到的是后备字体 （你的系统版本的Helvetica或另一种sans serif字体，如果Roboto没有安装在本地）。它们看起来确实有些相似，但仔细观察细微之处，你会发现字体不同。（舍入，间距等）
预装操作系统
据我所知，Android是唯一一个预装了Roboto字体的操作系统。
默认情况下不安装：
（我找不到Ubuntu预装字体的列表）
在Firefox上确认
在Firefox上，可以通过检查元素，然后查看"字体"面板的"使用的字体"部分来查看渲染的（使用的）字体。
在Chrome上确认
在Chrome上，可以通过检查元素，然后查看"Computed"选项卡的"Rendered Fonts"部分来查看渲染的（使用的）字体。