Typography

Heading Level 1¶

Some text.

Heading Level 2¶

Some text.

Heading Level 3¶

Some text.

Heading Level 4¶

Some text.

Heading Level 5¶

Some text.

Paragraphs¶

This is a regular paragraph. It contains normal text flow and demonstrates the default paragraph styling used throughout the theme. Multiple sentences form a cohesive block of content.

This is a second paragraph, separated from the first by a blank line. Paragraph spacing and line height contribute to overall readability and visual hierarchy.

Text Formatting¶

Bold and Italic¶

• This text is bold

• This text is italic

• This text is bold and italic

Underline and Strikethrough¶

• This text has strikethrough

• This text is underlined

Inline Code¶

Use inline code for variable names, file paths like /path/to/file, or short code snippets.

Keyboard Input¶

Press Ctrl+C to copy, Ctrl+V to paste, or Ctrl+Alt+Delete for system options.

Subscript and Superscript¶

• Water molecule: H₂O

• Squared: x²

• Chemical: CO₂

• Exponent: 2ⁿ

Download links¶

• Tables

Abbreviations¶

HTML is used for web structure.

CSS styles web pages.

JS adds interactivity.

Small Caps¶

The HTML specification defines web standards.

Links and terms¶

• External link: MyST Markdown

• External link with hover: Jupyter et al. (2025)

• Internal link to file: Tables

• Internal link to file w/ metadata for hover: Permalinks and URLs

• Internal link to label with hover: Math

• Hover-only text: HOVER

Buttons¶

Click Me!

Math¶

Inline Math¶

The equation $E = mc^2$ represents mass-energy equivalence.

The quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$.

Inline math like $\alpha + \beta = \gamma$ flows with text.

Display Math¶

Special Characters¶

• Em dash: —

• En dash: –

• Ellipsis: …

• Copyright: ©

• Trademark: ™

• Registered: ®

• Arrows: → ← ↑ ↓ ↔

• Bullets: • ‣ ⁃

• Math: × ÷ ± ≠ ≈ ≤ ≥

Footnotes¶

Here is a statement with a footnote^[1].

Another statement with another footnote^[2].

Horizontal Rule¶

Content above the horizontal rule.

Content below the horizontal rule.

Mixed Inline Elements¶

This paragraph demonstrates bold, italic, bold italic, code, links, math $x^2$, Ctrl+S, H₂O, x², and API all in one place.

Long Words and Wrapping¶

This is a test of how the theme handles supercalifragilisticexpialidocious words and URLs like https://example.com/very/long/path/to/some/resource/that/might/cause/wrapping/issues in flowing text.

Code and Pre¶

Inline Code Variants¶

Single backtick code: variable_name

Code with special chars: <div class="example">

Code with path: /usr/local/bin/command

Text Alignment¶

Default paragraph with standard left alignment and natural text flow.

Emphasis Combinations¶

• Italic with code

• Bold with code

• Bold italic with code

• Italic with link

• Bold with link

Numbers and Units¶

• Temperature: 72°F or 22°C

• Dimensions: 1920×1080 pixels

• Percentage: 85% complete

• Currency: $1,234.56

• Measurement: 5.2 × 10⁸ meters

Monospace¶

monospace text vs normal text

/path/to/file.txt for file paths

function_name() for code references

Line Breaks¶

Line one Line two (with manual break)

Line three

Regular paragraph continues here.

Nested Formatting¶

This paragraph has bold text with italic inside it and italic with bold inside it.

Combined Elements in One Line¶

Project: MyST Markdown | Version: 1.0.0 | License: MIT | Stars: 1.2k ⭐

Unicode Support¶

Greek: α β γ δ ε ζ η θ

Math: ∑ ∏ ∫ √ ∞ ∂

Arrows: ⇒ ⇐ ⇔ ⇑ ⇓

Symbols: ♠ ♣ ♥ ♦ ★ ☆

Emoji: 🎉 🚀 📚 💡 ✨

Quote Marks and Apostrophes¶

“Double quotes” and ‘single quotes’

Apostrophe’s in contractions

Nested “quotes ‘within’ quotes”