Typography

Helvetica Neue — This typeface, designed by Max Miedinger and other project members at the Haas'sche Schriftgiesserei, has become one of the most famous and popular typefaces in the world, thanks to the marketing strategy of Stempel and Linotype. It forms an integral part of many printers and operating systems. The original letterforms of Helvetica had to be modified for the Linotype system. Over the years, Helvetica was expanded to include many different weights, but these were not coordinated with each other.

Font Family: "Helvetica Neue", Arial, sans-serif;

Example	Font Weight	Font Size / Line Height	Uses
Helvetica Neue	700	54px / 54px	`h1` heading
Helvetica Neue	700	40px / 40px	`h2` heading
Helvetica Neue	700	36px / 44px	`h3` heading
Helvetica Neue	400/700	27px / 32px	`h4` heading, `blockquote` quote text
Helvetica Neue	400/700	24px / 28px	`h5` heading
Helvetica Neue	400/700	18px / 28px	`h6` heading, `cite` inside `blockquote`
Helvetica Neue	400	16px / 26px	Base paragraph and body text
Helvetica Neue	400	14px / 20px
Helvetica Neue	400	12px / 18px	`small` text

Blockquote

...I'm Wolverine. I'm the best there is at what I do, but what I do best isn't very nice. Logan

HTML

<blockquote>
  ...I'm Wolverine. I'm the best there is at what I do, but what I do
  best isn't very nice.
  <cite><a href="/wiki/Logan">Logan</a></cite>
</blockquote>

Text

Headlines and body text

History

As Dog lay unconscious, Logan unsheathed his claws, for the first time in public (to the shock of everyone watching), and was about to deal the deathblow, when Rose leaped in to stop him, but was accidentally impaled by his claws. Horrified, Logan held her in his arms as she died. Stricken with grief and guilt for the death of his first love, Logan fled into the nearby woods, where he lived in self-imposed exile in a feral state with a pack of wolves for months, if not years.

HTML

<h4>History</h4>
<p>As Dog lay unconscious, Logan unsheathed his claws...</p>

Links

This is a nice link

HTML

<a href="/wiki/Nice_link">This is a nice link</a>

Red links are links to wiki articles that don't yet exist. Historically in Mediawiki, they have been colored red, but community theme colors may present them differently. Any red links should contain the redlink class.

Superman

HTML

<a href="/wiki/Superman" class="redlink">Superman</a>

Numbered and bulleted lists

Bullet list

It has been estimated to be 60 feet high and 250 feet long with each half of the great gate being 90 feet wide and set on large stone wheels.
The Black Gate was made from an impregnable black stone.
During the War of the Ring, Frodo and Sam had a chance to go through the Black Gate when they arrived at Mordor, but it was so heavily fortified and guarded that they turned away and were led on a different route into

HTML

<ul>
  <li>It has been estimated to be 60 feet high and 250 feet long...</li>
  <li>The Black Gate was made from an impregnable black stone.</li>
  <li>During the War of the Ring, Frodo and Sam had a chance...</li>
</ul>

Number list

It has been estimated to be 60 feet high and 250 feet long with each half of the great gate being 90 feet wide and set on large stone wheels.
The Black Gate was made from an impregnable black stone.
During the War of the Ring, Frodo and Sam had a chance to go through the Black Gate when they arrived at Mordor, but it was so heavily fortified and guarded that they turned away and were led on a different route into

HTML

<ol>
  <li>It has been estimated to be 60 feet high and 250 feet long...</li>
  <li>The Black Gate was made from an impregnable black stone.</li>
  <li>During the War of the Ring, Frodo and Sam had a chance...</li>
</ol>