Your cart is currently empty!
Typography is Everything
Fusce a quam. Mauris sollicitudin fermentum libero. Cras non dolor. In consectetuer turpis ut velit. Ut leo. In ac felis quis tortor malesuada pretium. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Pellentesque posuere.
Paragraphs
This is a standard paragraph created using the WordPress editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few inline elements not available in the WordPress admin but we style those too, just in case you want to use them. These include citations, abbr, bits of code
and variables, inline quotations
, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript so you can say things like C8H10N402 is my 2nd favourite chemical.
If you are feeling non-semantic you might even use bold, italic, big or small elements. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives us a nice excuse to test a link. It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.
“This stylesheet is going to help so much. Users can take full advantage of all the HTML elements. Imagine that!”
Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Morbi ac felis. In ac felis quis tortor malesuada pretium. Vestibulum eu odio. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
List Types
Pellentesque dapibus hendrerit tortor. Cras varius. Fusce fermentum. Phasellus blandit leo ut odio. Duis lobortis massa imperdiet quam.
Definition List
- Definition List Term 1
- And here’s the definition. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Definition List Item 2
- And here’s the definition. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Definition List Item 3
- And here’s the definition. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Vivamus quis mi. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nunc sed turpis. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.
Unordered List
- Ut a nisl id
- Vestibulum volutpat pretium libero
- Sed augue ipsum egestas
- Ut tincidunt tincidunt erat. Etiam feugiat lorem non metus.
- Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi.
- Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Phasellus tempus.
- Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi.
- Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor.
- Cras id dui. Donec sodales sagittis magna.
- Sed a libero.Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.
- Nam pretium turpis et arcu.
Etiam ultricies nisi vel augue. Sed aliquam ultrices mauris. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.
Ordered List
- Vivamus elementum semper nisi< quam. Phasellus volutpat, metus eget egestas mollis.
- Phasellus a est. Nam adipiscing.
- Aenean imperdiet. Donec id justo.
- Nullam accumsan lorem in dui.
- Vestibulum volutpat pretium libero. Proin faucibus arcu quis ante.
- Nam adipiscing. Ut leo.
- Nulla sit amet est.
- Fusce a quam.
- Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui.
- Pid egestas quam mauris ut lacus. Curabitur nisi.
Etiam ultricies nisi vel augue. Sed aliquam ultrices mauris. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.
Miscellaneous
Lorem superscript ipsum dolor subscript sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. I went to an NBA game and they played Sgt. Pepper’s Lonely Hearts Club Band. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Preformatted
h1:after { content: "Hello world!"; position: absolute; left: 10px; top: 10px; color: rgba (255,0,0,0.5); }
Comments
5 responses to “Typography is Everything”
-
This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.
-
Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vivamus consectetuer hendrerit lacus. Maecenas malesuada. Etiam ultricies nisi vel augue. Phasellus a est.
-
Vivamus in erat ut urna cursus vestibulum. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. In hac habitasse platea dictumst. Vestibulum dapibus nunc ac augue. Cras ultricies mi eu turpis hendrerit fringilla!
-
Curabitur turpis. Pellentesque habitant morbi tristique senectus.
-
-
-
Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Ut non enim eleifend felis pretium feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Leave a Reply