Example of typography and styling

Gepubliceerd op 12/3/2014 in Literatuur, Opinie
Lorem ipsum dolor sit amet

Lorem ipsumlorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras magna sapien, egestas sit amet ligula in, malesuada iaculis turpis. Suspendisse pharetra nibh at ultricies lobortis.

Vivamus in placerat neque, vel venenatis lorem. Sed et adipiscing justo. Aliquam condimentum odio leo, vitae varius nunc fermentum vel. Nunc vitae condimentum enim, iaculis tempus metus. Duis nunc orci, tincidunt id rhoncus id, blandit eu nibh.

Interdum et malesuada fames ac ante ipsum

Suspendisse eget erat eget ante euismod vehicula. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin ultricies malesuada sagittis. Ut rutrum eget tortor a lobortis. Vivamus in placerat neque, vel venenatis lorem. Sed et adipiscing justo. Aliquam condimentum odio leo, vitae varius nunc fermentum vel. Nunc vitae condimentum enim, iaculis tempus metus.

Vivamus in placerat neque, vel venenatis lorem. Sed et adipiscing justo. Aliquam condimentum odio leo, vitae varius nunc fermentum vel. Nunc vitae condimentum enim, iaculis tempus metus.

Level Three Heading

Duis nunc orci, tincidunt id rhoncus id, blandit eu nibh. In sed pharetra massa, eu iaculis purus. Vivamus faucibus pellentesque tellus eget sagittis. Aenean egestas eleifend orci id rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent cursus at sapien ut vehicula. Aenean rhoncus risus eget ornare consequat.

Table Head Column One Table Head Column Two Table Head Column Three
Table Footer Column One Table Footer Column Two Table Footer Column Three
Table Row Column One Short Text Testing a table cell with a longer amount of text to see what happens, you’re not using tables for site layouts are you?
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three

Level One Heading

  1. Nulla pretium sem eget sodales tristique.
  2. Donec iaculis erat id enim dapibus, nec laoreet.
  3. Vestibulum vehicula lorem at commodo tristique.
  4. Proin non lorem eget tortor porta eleifend.

  • Duis non nunc nec ipsum feugiat ultricies.
  • Pellentesque tempor sem fringilla dui tempus fringilla.
  • Quisque vel metus cursus, tempus dui sit amet.
  • Praesent tristique sapien mattis nibh .

Level Two Heading

Level Five Heading

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. 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.

Level Six Heading

We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. 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 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.

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Level Four Heading

And last, and by no means least, you can also apply the Address tag to text like this:

123 Example Street,
Testville,
West Madeupsburg,
CSSland,
1234

Comments

comments

Geen reactie(s)

Gerelateerde artikelen

Gepubliceerd op 11 maart 2014 in Literatuur

Nothing Stops Detroit – Evan Rosse..

Gepubliceerd op 11 maart 2014 in Literatuur

Fusce sit amet lorem id nunc suscipit..

Gepubliceerd op 11 maart 2014 in Copywriting, Kunst, Opinie

Font Men – SXSW 2014 Official Sele..