Font-Family: "Ubuntu"

Styling Guide

Font-Weights

font-weight: normal;

My generic sample text, because I am lazy.

font-weight: bold;

My generic sample text, because I am lazy.

font-weight: 100;

My generic sample text, because I am lazy.

font-weight: 200;

My generic sample text, because I am lazy.

font-weight: 300;

My generic sample text, because I am lazy.

font-weight: 400;

My generic sample text, because I am lazy.

font-weight: 500;

My generic sample text, because I am lazy.

font-weight: 600;

My generic sample text, because I am lazy.

font-weight: 700;

My generic sample text, because I am lazy.

font-weight: 800;

My generic sample text, because I am lazy.

font-weight: 900;

My generic sample text, because I am lazy.

Font-Styles

font-style: normal;

My generic sample text, because I am lazy.

font-style: italic;

My generic sample text, because I am lazy.

font-style: oblique;

My generic sample text, because I am lazy.

Letter-Spacing

letter-spacing: normal;

My generic sample text, because I am lazy.

letter-spacing: 1px;

My generic sample text, because I am lazy.

letter-spacing: 5px;

My generic sample text, because I am lazy.

letter-spacing: -1px;

My generic sample text, because I am lazy.

Text-Transform

text-transform: none;

My generic sample text, because I am lazy.

text-transform: uppercase;

My generic sample text, because I am lazy.

text-transform: lowercase;

My generic sample text, because I am lazy.

text-transform: capitalize;

My generic sample text, because I am lazy.

text-transform: full-width;

My generic sample text, because I am lazy.

Text-Decoration

text-decoration: none;

My generic sample text, because I am lazy.

text-decoration: underline;

My generic sample text, because I am lazy.

text-decoration: overline;

My generic sample text, because I am lazy.

text-decoration: line-through;

My generic sample text, because I am lazy.