menuMDUI文档
color_lens
near_me
开始使用
keyboard_arrow_down
widgets
组件
keyboard_arrow_down
view_carousel
JavaScript 插件
keyboard_arrow_down
local_mall
资源
keyboard_arrow_down
基于 Material Design 3 和 Web Components 的 mdui 2 已发布,查看 mdui 2 开发文档

Roboto 字体

Roboto 是 Material Design 使用的标准字体,MDUI 框架内置了该字体文件。

Roboto 包含 6 种不同的字体粗细:100、300、400、500、700、900,以及两种字体样式:normal、italic。

Roboto 演示

Thin

Example
font-weight:100;

Thin Italic

Example
font-weight: 100;
font-style: italic;

Light

Example
font-weight: 300;

Light Italic

Example
font-weight: 300;
font-style: italic;

Regular

Example
font-weight: 400;

Regular Italic

Example
font-weight: 400;
font-style: italic;

Medium

Example
font-weight:500;

Medium Italic

Example
font-weight: 500;
font-style: italic;

Bold

Example
font-weight:700;

Bold Italic

Example
font-weight: 700;
font-style: italic;

Black

Example
font-weight:900;

Black Italic

Example
font-weight: 900;
font-style: italic;

移除 Roboto

如果你不希望使用 Roboto,使用自定义的字体覆盖掉默认字体即可。

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}