⇧ Top

Blog Typography

As you can see, posts look a little different to pages, so this page demonstrates all available formatting and typography on posts.

Heading 1

Lorem ipsum dolor sit amet, virtute principes mea ne. Nec luptatum adipiscing te. Cu vis hendrerit argumentum.

Heading 2

Lorem ipsum dolor sit amet, virtute principes mea ne. Nec luptatum adipiscing te. Cu vis hendrerit argumentum.

Heading 3

Lorem ipsum dolor sit amet, virtute principes mea ne. Nec luptatum adipiscing te. Cu vis hendrerit argumentum.

Heading 4

Lorem ipsum dolor sit amet, virtute principes mea ne. Nec luptatum adipiscing te. Cu vis hendrerit argumentum.

Heading 5

Lorem ipsum dolor sit amet, virtute principes mea ne. Nec luptatum adipiscing te. Cu vis hendrerit argumentum.

Heading 6

Lorem ipsum dolor sit amet, virtute principes mea ne. Nec luptatum adipiscing te. Cu vis hendrerit argumentum.


An input box

A text box



screenshotLorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. Quisque aliquam. This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename.

Dinner’s at 5:00.Let’s make that 7.

This text has been struck.


Blockquotes

Let’s keep it simple.

Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you’d like to hear it I can sing it for you. HAL 9000


List Types

Definition List

Definition List Title
This is a definition list division.
Definition
An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.

Ordered List

  1. List Item 1
  2. List Item 2
    1. Nested list item A
    2. Nested list item B
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
    • Nested list item A
    • Nested list item B
  • List Item 3

Table

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Preformatted Text

Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. For example:

“Beware the Jabberwock, my son!
    The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
    The frumious Bandersnatch!”

 

2 thoughts on “Blog Typography

  1. Eu vim harum nobis, animal perpetua suscipiantur an sea, has quem aperiam philosophia ut. Ei laoreet apeirian usu. Ea mel tritani pericula maluisset, cu sit possit interpretaris. No ornatus officiis usu, nec et congue blandit persecuti. Explicari accommodare usu no, ne qui possim melius, pro nobis putant ex.

    Mel cu laudem legendos. Eros commune ponderum eum an, eius facer pericula vis ei. At senserit splendide tincidunt mel, principes persequ

    1. Eu vim harum nobis, anim, ne qui possim melius, pro nobis putant ex.

      Mel cu laudem legendos. Eros commune ponderum eum an, eius facer pericula vis ei. At senserit splendide tincidunt mel, principes persequ

Leave a Reply

Ivory

With the look of high-quality paper, and (in this example) a weathered old paper title bar, the ivory skin will suit artists, illustrators, writers and businesses with a sense of craft and heritage (think whisky, beer or wine).

Wood

Wood textures suggest tradition and nostalgia. This skin will be a good choice for folk and country musicians, or pubs and bars capitalising on old world charm.

Blackboard

The blackboard skin has two distinct intended uses. It can mimic the kind of specials boards and menus still seen in every other local restaurant, long after the invention of color printing and wipe-clean laminated menus. Or switch the font to a handwritten style and the nostalgia-compass swivels back towards early-schooling and childhood.

Black

Like its white counterpart, the black skin offers a clean, modern, minimalist look. It's also a great basis for adding your own textured backgrounds. With the alternate backgrounds employed, the page backgrounds become translucent, giving the freedom to use any background texture at all behind them.

White

Like the black skin this takes a minimalist approach, and is also great for ading your own backgrounds. Note how all the demos here have different menu, title and music player layouts. All these options are available in every skin, giving you millions of possible combinations.

Graph Paper

The graph paper skin speaks of science, engineering, discovery and learning. It might suit a school project or a quirky new app or software product.

This demo is not displaying animations because the framerate on this device is too low. Sad face.