Styling Web Typography with CSS

Styling text on the web with CSS, from readable, accessible type to decorative treatments like gradient fills and outlined headings.

Content tagged typography

• Tutorial:Colouring a CSS text-overflow Ellipsis Separately from Its Text

  Give truncated text's ellipsis a colour of its own.

  Change the colour of a CSS text-overflow: ellipsis without faking it — the dots take their styles from the truncating container, so an inline span can colour the text separately. Covers the truncation basics, flex and grid items, multi-line line-clamp, detecting truncation in JavaScript, accessibility and common pitfalls.

• Post:CSS Gradient Text Guide: Background-Clip, Animation & Advanced Tricks

  Create stunning gradient text effects with CSS

  Learn how to create CSS gradient text using background-clip, animation, stroke effects, @property, multi-line fixes, and accessible, responsive techniques with real-world examples.