Zotonic's Typography

This article demonstrates the typographic features that Zotonic has. It shows creating ordered and unordered lists, blockquotes, and different methods of embedding media, even even showing an embedded video from Vimeo.com.

Demonstrating inline images

A bunch of computer books
This image is aligned to the right. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum purus eu risus suscipit semper. Quisque dolor velit, accumsan et vulputate vel, convallis a felis. Pellentesque pellentesque posuere turpis, sed consectetur risus blandit a. Mauris nunc nibh, mattis eu dapibus quis, volutpat at magna. Duis facilisis mauris vel nisi tempus ac tincidunt lectus hendrerit. Phasellus eleifend ultrices tempus. Phasellus imperdiet dictum orci sit amet euismod. Suspendisse in nulla nibh, id iaculis sapien. Ut dictum scelerisque magna nec convallis. Nullam eget justo nec lacus vulputate condimentum. Now comes a block image:

A bunch of computer books

A bunch of computer books
This image is aligned to the left. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum purus eu risus suscipit semper. Quisque dolor velit, accumsan et vulputate vel, convallis a felis. Pellentesque pellentesque posuere turpis, sed consectetur risus blandit a. Mauris nunc nibh, mattis eu dapibus quis, volutpat at magna. Duis facilisis mauris vel nisi tempus ac tincidunt lectus hendrerit. Phasellus eleifend ultrices tempus. Phasellus imperdiet dictum orci sit amet euismod. Suspendisse in nulla nibh, id iaculis sapien. Ut dictum scelerisque magna nec convallis. Nullam eget justo nec lacus vulputate condimentum.

Phasellus imperdiet dictum orci sit amet euismod. Suspendisse in nulla nibh, id iaculis sapien. Ut dictum scelerisque magna nec convallis. Nullam eget justo nec lacus vulputate condimentum. Phasellus imperdiet dictum orci sit amet euismod. Suspendisse in nulla nibh, id iaculis sapien. Ut dictum scelerisque magna nec convallis. Nullam eget justo nec lacus vulputate condimentum.

Various lists

Some of the default list styles:

  1. I am an ordered list.
    1. This is a sublist of the ordered list.
    2. Another listitem
  2. Yes, I really am an ordered list.
  3. Enough content for now.
  • I am an unordered list.
  • Yes, I really am an unordered list.
  • Foo, bar basz
  • Enough content for now.

Vimeo video

The video you all have been waiting for: