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 StreetVancouver, 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. Praesent et augue vitae ipsum consectetur sagittis. Etiam a condimentum ac euismod sit amet, iaculis eget metus. Donec consectetur et tristique nunc. Proin egestas imperdiet consectetur turpis euismod dignissim. Nulla a purus sit amet nibh viverra consectetur interdum tempor vitae ligula. Aenean sagittis iaculis ante vitae posuere consectetur uspendisse mollis ac nunc vitae sodales. Vestibulum lobortis consectetur diam ut bibendum imperdiet. Donec nec arcu odio. Nam accumsan consectetur feugiat turpis ut dignissim. 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.
Drop Cap
Aorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit nulla at orci aliquet, vitae tincidunt lacus pretium. Ut hendrerit fermentum lorem fringilla commodo. In volutpat elit ut nisl lobortis tempor. Vestibulum facilisis congue metus quis tincidunt. In posuere orci ac justo facilisis pulvinar. Pellentesque sollicitudin sollicitudin mollis. Curabitur hendrerit, felis vitae tincidunt aliquam, velit lorem dignissim purus, sit amet aliquam risus dolor sed velit.
Donec vestibulum sapien sit amet fermentum elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam et sagittis turpis, a gravida justo. Suspendisse gravida nunc eu ante posuere euismod. Curabitur lorem nisl, imperdiet eu turpis vestibulum, vulputate dictum metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut magna quis mi euismod luctus vitae ut erat. Mauris ac pulvinar mauris, et imperdiet tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras felis libero, sodales nec nisi sed, feugiat facilisis nibh.
Aorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit nulla at orci aliquet, vitae tincidunt lacus pretium. Ut hendrerit fermentum lorem fringilla commodo. In volutpat elit ut nisl lobortis tempor. Vestibulum facilisis congue metus quis tincidunt. In posuere orci ac justo facilisis pulvinar. Pellentesque sollicitudin sollicitudin mollis. Curabitur hendrerit, felis vitae tincidunt aliquam, velit lorem dignissim purus, sit amet aliquam risus dolor sed velit.
Donec vestibulum sapien sit amet fermentum elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam et sagittis turpis, a gravida justo. Suspendisse gravida nunc eu ante posuere euismod. Curabitur lorem nisl, imperdiet eu turpis vestibulum, vulputate dictum metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut magna quis mi euismod luctus vitae ut erat. Mauris ac pulvinar mauris, et imperdiet tellus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras felis libero, sodales nec nisi sed, feugiat facilisis nibh.