Material ui 材质ui组件中字体Roboto的不同变体

我正在使用最新版本的材质ui组件。医生说你必须把这行代码

href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"

在index.html中可以使用字体Roboto。我的问题是如何为不同的组件应用Roboto字体的不同变体（即常规字体、粗体字体、中等字体、黑色字体、浅色字体）？

在页面中，Roboto:300400500适用于材料UI默认排版

在您的情况下，您可以将fontFamily更改为Roboto，将fontWeight更改为100、300、400、700和900，以便使用轻型/普通/黑色Roboto字体。此外，如果您想将其设置为粗体或斜体，请使用HTML或标记对其进行包装

比如说,

<Typography variant="h6" style={{fontWeight: "700",fontFamily: "Roboto"}}>
  This is stack overflow
</Typography>

这是堆栈溢出