MDC typographyはRobotフォントに固有のフォントですか、そうであればfont-family CSSをbodyに適用するだけで他のGoogleフォントで実装できますか？MDC-Web Typography：フォントのカスタマイズ
最後に、h1は、通常、h5よりも高い重要性を持っています。つまり、h1は、HTML5の意味的性質を破ると思われるall header elements are tied to the <h1> elementです。
MDC-Webはカスタマイズ可能なライブラリで、Google doesn't prohibit using your brand styles along with Material Design frameworkということを考えると、「Roboto」だけでなく、任意のフォントを自由に使用できます。
あなたはCSSのみのアプローチを使用している場合は、bodyにfont-familyを追加するだけでは十分ではありません：MDC-Webが異なるコンポーネント（例えば、mdc-button、mdc-list、mdc-card）とタイポグラフィクラスに（font-family含む）デフォルトタイポグラフィのスタイルを適用し、彼らはまだ "ロボト"フォントが適用されます。だから、あなたがそのようなMDC-Webコンポーネントやクラスを使用するつもりなら、あなたは手動でそれらのそれぞれのためにfont-familyを指定する必要があります。
.mdc-button {
font-family: "Open Sans", sans-serif;
}
.mdc-list {
font-family: "Open Sans", sans-serif;
}
.mdc-card__supporting-text {
font-family: “Open Sans”, sans-serif;
}
しかし、これは面倒かもしれませんので、MDC-のWebを生成するために推奨される方法スタイリングはSassを使うことです。具体的には、コンポーネントをインポートする前に.scssファイルのMDC-Web’s typography variableを上書きする必要があります。
$mdc-typography-font-family: "Open Sans", sans-serif;
@import "@material/typography/mdc-typography";