Typography

A set of test files of basic html elements to see effects of developing a framework.

Headings

All HTML headings, <h1> through <h6>, are available.

.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.


h1. BareBones heading

Paragraph with .h1 applied here as an inline style.

h2. BareBones heading

Paragraph with .h2 applied here as an inline style.

h3. BareBones heading

Paragraph with .h3 applied here as an inline style.

h4. BareBones heading

Paragraph with .h4 applied here as an inline style.

h5. BareBones heading

Paragraph with .h5 applied here as an inline style.

h6. BareBones heading

Paragraph with .h6 applied here as an inline style.


Body copy text

The body has a base font-size of 100%, which is 16px on browsers with default font settings. All other sizes are in ems. Changing the font-size on the body element will adjust the typographical scale for the entire site.

Default text
Hyperlinks
Bold and italics


Block Quotes

Someone once said something so important, it was deemed worthy of repeating here in the form of a blockquote. This is that blockquote.

You can also include superscripts1 and subscriptsxyz.


Lists

Ordered
  1. Item 1
  2. Item 2
  3. Item 3
Unordered
Definition List
Encloses a list of pairs of terms and descriptions. Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).

End File