menuMDUIDocs
color_lens
Material Design 3 と Web Components をベースにした新しい mdui 2 がリリースされました。mdui 2 ドキュメントはこちら。

Roboto フォント

Roboto は Material Design で使用される標準フォントであり、mdui フレームワークにはこのフォントファイルが組み込まれています。

Roboto には、100、300、400、500、700、900 の 6 種類の太さと、normal、italic の 2 種類のスタイルが含まれています。

関連情報

Material Design デザインガイドライン：スタイル - タイポグラフィ

Roboto のデモ

Thin

code
例
font-weight:100;

Thin Italic

code
例
font-weight: 100;
font-style: italic;

Light

code
例
font-weight: 300;

Light Italic

code
例
font-weight: 300;
font-style: italic;

Regular

code
例
font-weight: 400;

Regular Italic

code
例
font-weight: 400;
font-style: italic;

Medium

code
例
font-weight:500;

Medium Italic

code
例
font-weight: 500;
font-style: italic;

Bold

code
例
font-weight:700;

Bold Italic

code
例
font-weight: 700;
font-style: italic;

Black

code
例
font-weight:900;

Black Italic

code
例
font-weight: 900;
font-style: italic;

Roboto を削除

Roboto を使用したくない場合は、カスタムフォントでデフォルトのフォントを上書きできます。

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}
arrow_backPrevious
カラーとテーマ
arrow_forwardNext
グリッドレイアウト