Crimson Text

Exploring the CSS styling capabilities of the amazing Crismon Text!

Font Weight

font-weight: 400 normal

Instructions for living a life: Pay attention. Be astonished. Tell about it.

font-weight: 600 semi-bold

Instructions for living a life: Pay attention. Be astonished. Tell about it.

font-weight: 700

Instructions for living a life: Pay attention. Be astonished. Tell about it.

     

Font Style

font-weight: italic

Instructions for living a life: Pay attention. Be astonished. Tell about it.

font-weight: bold italic

Instructions for living a life: Pay attention. Be astonished. Tell about it.

     

Letter Spacing

letter-space: -1px

Instructions for living a life: Pay attention. Be astonished. Tell about it.

letter-space: 3px

Instructions for living a life: Pay attention. Be astonished. Tell about it.

letter-space: 0.32em

Instructions for living a life: Pay attention. Be astonished. Tell about it.

     

Text Transform

text-transform: uppercase

Instructions for living a life: Pay attention. Be astonished. Tell about it.

text-transform: lowercase

Instructions for living a life: Pay attention. Be astonished. Tell about it.

text-transform: capitalize

Instructions for living a life: Pay attention. Be astonished. Tell about it.

     

Text Decoration

text decoration: none

Instructions for living a life: Pay attention. Be astonished. Tell about it.

text decoration: underline

Instructions for living a life: Pay attention. Be astonished. Tell about it.

text decoration: overline

Instructions for living a life: Pay attention. Be astonished. Tell about it.

text decoration: linethrough

Instructions for living a life: Pay attention. Be astonished. Tell about it.