Skip to main content
Star us on GitHub Star

Typography reference

A single page that exercises every text-level Markdown feature so you can spot regressions in legacy.css or the IFM defaults.

Heading levels​

h1 -- The largest heading

h2 -- A major section​

h3 -- A subsection​

h4 -- A sub-subsection​

h5 -- Rarely used​
h6 -- The smallest heading​

Paragraphs and inline marks​

This is a paragraph with bold text, italic text, bold italic, strikethrough, inline code, and a link to example.com. You can also use Ctrl+C to mark keyboard shortcuts, or highlighted text to draw the eye.

H2O is subscript; E = mc2 uses superscript.

Blockquotes​

A simple blockquote.

A blockquote that spans multiple lines and wraps across line breaks.

Outer blockquote.

Nested blockquote inside.

Triple-nested.

Back to the outer.

Lists​

Unordered, nested​

  • Top level
    • Second level
      • Third level
        • Fourth level
    • Back to second
  • Another top level

Ordered, nested (4-space indent per style guide)​

  1. First
    1. First sub
    2. Second sub
      1. Third level
  2. Second
  3. Third

Mixed ordered + unordered​

  1. Numbered step one
    • Bulleted sub-point
    • Another bullet
  2. Numbered step two
    • Bulleted sub-point with inline code
    • Bulleted sub-point with a link

Task lists​

  • Completed task
  • Another completed task
  • Pending task
  • Pending task with inline code

List with embedded paragraph and code​

  1. First step. The paragraph continues here and wraps over multiple lines so you can see how the indent handles longer content.

    echo "step one"

    A second paragraph inside the same list item, after the code block.

  2. Second step.

Definition lists​

Term 1 : Definition for term 1.

Term 2 : Definition for term 2, which may be longer and wrap across multiple lines so the renderer has to handle wrapping inside the definition cell.

Term with code : Definition that references another piece of code.

Footnotes​

Here is a statement that needs a citation.1 And here is another.2

Horizontal rule​

Above the rule.

Below the rule.

Emoji and unicode​

🚀 ✨ ✅ ⚠️ ❌

Greek: α β γ δ. Math symbols: ≤ ≥ ≠ ± ∑ ∫. Arrows: → ← ↑ ↓ ↔.

Footnotes​

  1. A short footnote. ↩

  2. A longer footnote with multiple paragraphs and code.

    Indented to belong to the footnote.

    code inside a footnote
    ↩