\\n\\n

CSS Typography Guide

\\n\\n\\n\\n

\\n

Font Family

\\n

This text uses Georgia font.

\\n

\\n\\n

\\n

Font Weight

\\n

This text is bold.

\\n

\\n\\n

\\n

Font Style

\\n

This text is italic.

\\n

\\n\\n

\\n

Font Variant

\\n

Small Caps Text Example

\\n

\\n\\n

\\n

Font Stretch

\\n

Expanded Font Example

\\n

\\n\\n\\n\\n

\\n

Line Height

\\n

\\nThis paragraph demonstrates increased line height.\\nThe spacing between lines is larger.\\n

\\n

\\n\\n

\\n

Letter Spacing

\\n

Letter spacing example

\\n

\\n\\n

\\n

Word Spacing

\\n

Word spacing example text

\\n

\\n\\n

\\n

Text Indent

\\n

\\nThis paragraph demonstrates text indentation for the first line.\\n

\\n

\\n\\n\\n\\n

\\n

Text Align

\\n

This text is centered

\\n

\\n\\n\\n\\n

\\n

Text Transform

\\n

uppercase example

\\n

\\n\\n\\n\\n

\\n

Text Decoration

\\n

This text is underlined

\\n

\\n\\n

\\n

Text Decoration Color

\\n

Underline with color

\\n

\\n\\n

\\n

Text Decoration Style

\\n

Wavy underline

\\n

\\n\\n

\\n

Text Decoration Thickness

\\n

Thick underline

\\n

\\n\\n\\n\\n

\\n

Text Shadow

\\n

Shadow Text

\\n

\\n\\n\\n\\n

\\n

Overflow Wrap

\\n

\\nThisisaveryveryveryverylongwordthatneedstobebrokenproperly.\\n

\\n

\\n\\n

\\n

Word Break

\\n

\\nThisisaveryveryveryverylongwordthatbreaksanywhere.\\n

\\n

\\n\\n

\\n

Text Overflow

\\n

\\nThis is a very long sentence that will be truncated with an ellipsis.\\n

\\n

\\n\\n\\n\\n

\\n

Direction (RTL)

\\n

This text flows from right to left.

\\n

\\n\\n

\\n

Unicode Bidi

\\n

Reversed RTL text example

\\n

\\n\\n

\\n

Writing Mode

\\n

Vertical text example

\\n

\\n\\n

\\n\\n\\n\",\"language\":\"html\"},{\"id\":\"/package.json\",\"name\":\"package.json\",\"code\":\"{\\n \\\"dependencies\\\": {},\\n \\\"main\\\": \\\"/index.html\\\",\\n \\\"devDependencies\\\": {}\\n}\",\"language\":\"json\"},{\"id\":\"/index.js\",\"name\":\"index.js\",\"code\":\"console.log(\\\"Hello Vanilla!\\\");\",\"language\":\"javascript\"}]","template":"vanilla-ts","activeFile":"","showCode":"true","width":"1536px","height":"2044px"},"children":[]},{"id":"7784488b-c2f3-41ca-8af3-9fdd4b5ab675","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]}]

CSS Typography Guide

Font Family

Font Size

Font Weight

Font Style

Font Variant

Font Stretch

Line Height

Letter Spacing

Word Spacing

Text Indent

Text Align

Text Transform

Text Decoration

Text Decoration Color

Text Decoration Style

Text Decoration Thickness

Text Shadow

Overflow Wrap

Word Break

Text Overflow

Direction (RTL)

Unicode Bidi

Writing Mode