Use this post to check the website typography and try the article editor. Each example uses a supported block or text format. Edits stay in your draft until you press Save.

Headings

Heading 1: The quick brown fox

This paragraph follows heading 1. Check its size, weight and spacing, then change the heading level in the block menu.

Heading 2: The quick brown fox

This paragraph follows heading 2. Check its size, weight and spacing, then change the heading level in the block menu.

Heading 3: The quick brown fox

This paragraph follows heading 3. Check its size, weight and spacing, then change the heading level in the block menu.

Heading 4: The quick brown fox

This paragraph follows heading 4. Check its size, weight and spacing, then change the heading level in the block menu.

Heading 5: The quick brown fox

This paragraph follows heading 5. Check its size, weight and spacing, then change the heading level in the block menu.

Heading 6: The quick brown fox

This paragraph follows heading 6. Check its size, weight and spacing, then change the heading level in the block menu.

Paragraphs and line breaks

A short paragraph checks the space between blocks.

A longer paragraph makes wrapping easier to inspect. Resize the preview, compare the sidebar editor with inline editing, and check that words stay readable at narrow widths. Letters such as g, j, p and q help reveal clipped descenders. Numbers 0123456789 and punctuation ! ? : ; ( ) [ ] can expose differences in the font.

A line break keeps these lines in one paragraph.
This is the second line. Use Shift+Enter to add another.

Text formats

Bold: The quick brown fox jumps over the lazy dog. This part stays plain.

Italic: The quick brown fox jumps over the lazy dog. This part stays plain.

Strikethrough: The quick brown fox jumps over the lazy dog. This part stays plain.

Underline: The quick brown fox jumps over the lazy dog. This part stays plain.

Inline code: The quick brown fox jumps over the lazy dog. This part stays plain.

Highlight: The quick brown fox jumps over the lazy dog. This part stays plain.

Subscript: H₂O. Superscript: x² + y². These are text formats, not a math renderer.

Combined formats: bold and italic, underline and strikethrough, highlight and bold.

Links: an internal link to About and an external link to example.org. Select either link to edit its URL.

Quotes

This is a sample quote, not an attributed quotation. It checks the quote block, longer lines and emphasis inside a quote.

Lists

• A short bullet item.
• A longer item that should wrap onto another line on a narrow screen without losing its indentation.
• A bullet with bold text and a link.

1. First numbered item.
2. Second numbered item.
3. Third numbered item.

• Parent item.
  • Nested item.
  • Another nested item.
• Back at the outer level.

Code block

const message = "Typography check";
console.log(message);

const label = "A long code sample should remain readable without widening the whole page.";

Table

Select a cell to try row and column actions or toggle the header row. The labels below describe samples, not measurements.

Images, alt text and captions

Click the image to try alt text, an image link or replacement. Check the image width and the space above this caption and paragraph.

Divider

A horizontal divider separates this paragraph from the next section.

Try the editor

1. Hover between blocks and press the plus. The new block starts as a paragraph.
2. Type a sentence, then change its block type or open the text-formatting chevron.
3. Try the image controls, list toggles and table menu.
4. Duplicate or move a block, then use Undo and Redo.
5. Open the read-only Markdown view. Use Save when you want to keep an edit.

This last paragraph checks the space before the article footer.