Typography

Typography can mean a lot of things but for a theme, it generally refers to the styles relating to text based content. These may include, but not limited to elements such as headings, text highlights, bold text, drop caps, and more.

 

Heading One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere justo ut consectetur venenatis. In consectetur eros nisi, nec dictum orci pellentesque bibendum. Etiam vitae pharetra ante. Proin augue erat, volutpat eget consequat eget, tincidunt at tortor. Vivamus porta varius odio sit amet tristique.

Heading Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere justo ut consectetur venenatis. In consectetur eros nisi, nec dictum orci pellentesque bibendum. Etiam vitae pharetra ante. Proin augue erat, volutpat eget consequat eget, tincidunt at tortor. Vivamus porta varius odio sit amet tristique.

Heading Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere justo ut consectetur venenatis. In consectetur eros nisi, nec dictum orci pellentesque bibendum. Etiam vitae pharetra ante. Proin augue erat, volutpat eget consequat eget, tincidunt at tortor. Vivamus porta varius odio sit amet tristique.

Heading Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere justo ut consectetur venenatis. In consectetur eros nisi, nec dictum orci pellentesque bibendum. Etiam vitae pharetra ante. Proin augue erat, volutpat eget consequat eget, tincidunt at tortor. Vivamus porta varius odio sit amet tristique.

Heading Five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere justo ut consectetur venenatis. In consectetur eros nisi, nec dictum orci pellentesque bibendum. Etiam vitae pharetra ante. Proin augue erat, volutpat eget consequat eget, tincidunt at tortor. Vivamus porta varius odio sit amet tristique.

Heading Six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere justo ut consectetur venenatis. In consectetur eros nisi, nec dictum orci pellentesque bibendum. Etiam vitae pharetra ante. Proin augue erat, volutpat eget consequat eget, tincidunt at tortor. Vivamus porta varius odio sit amet tristique.

Miscellaneous Typography Elements

These are the various smaller typography elements associated with web page content.

Address

Written by Jon Doe.12345 Any Street
Vancouver, British Columbia
Canada A5B 5C5

Emphasized text

Strong (bold) text

CSS uses the abbr tag.

Definition term

Sample output from a computer program

Keyboard input

Variable

Mark – Highlight

Lorem ipsum dolor sit amet consectetur adipiscing elit nissim. Vestibulum volutpat nunc justo, in placerat eros tempus ac. Fusce ullamcorper turpis libero, quis vulputate purus semper a. Ut pharetra ipsum sit amet tortor adipiscing, id convallis lorem viverra.

Deleted and Inserted Text

This is what the del (delete) and ins (insert) looks like with color red orange when applied to a couple words.

Subscript and Superscript

The <sub> tag defines subscript text. Subscript text appears half a character below the baseline. Subscript text can be used for chemical formulas, like H2O.

This text contains superscript text.

Definition Lists

A definition list is often used to define a term or phrase, similar to a glossary.

Web Site Design
Web site design and a term used to describe the overall design process of creating and displaying web pages over the internet or intranet.
Web Development
Web development is related to the programming of code to create applications using different kinds of code language for web sites.