Example

The Roboto font

Light: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Light Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Regular: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Regular Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Medium: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Medium Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Bold: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Bold Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.

Markup
<h1>The Roboto font</h1>
<p class="font-light">Light: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-light-italic">Light Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-regular">Regular: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-regular-italic">Regular Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-medium">Medium: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-medium-italic">Medium Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-bold">Bold: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
<p class="font-bold-italic">Bold Italic: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg.</p>
Source: style-guide/fonts.scss, line 1