The new mdui 2 based on Material Design 3 and Web Components is now available. Check out the mdui 2 documentation.

Roboto Font

mdui has a built-in lightweight JavaScript utility library with a jQuery-like API and chaining style, but it is only one-sixth the size of jQuery.

You can use <code>mdui.$</code> to call the library, but it's better to store <code>mdui.$</code> in a short variable for convenience, for example:

Core

Example

font-weight:100;

Example

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

Example

font-weight: 300;

Example

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

Example

font-weight: 400;

Example

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

Example

font-weight:500;

Example

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

Example

font-weight:700;

Example

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

Example

font-weight:900;

Example

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

Array and Object Operations

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