Type something to search...

Blog

The CSS font Shorthand: Every Value Explained

The CSS font Shorthand: Every Value Explained

You write font: bold 18px Inter and nothing happens. Or you write font: 1rem/1.5 system-ui on a card and suddenly the tabular figures you set on

Continue Reading
Using rem, em, and ch Units for Typography in CSS

Using rem, em, and ch Units for Typography in CSS

Most of us learned CSS sizing in pixels. A heading is 32px, body text is 16px, the margin under a paragraph is 24px. It's predictable and easy

Continue Reading
Styling Underlines with text-decoration-thickness and text-underline-offset

Styling Underlines with text-decoration-thickness and text-underline-offset

For a long time, designers removed link underlines because the browser's default looked bad. The line was thin, it sat too close to the text, it cut

Continue Reading
CSS initial-letter: Creating Drop Caps the Modern Way

CSS initial-letter: Creating Drop Caps the Modern Way

If you've ever built a drop cap in CSS, you know the routine. Float the first letter, set its font-size to something like 4.2em, nudge the `line-

Continue Reading
Hyphenation on the Web: Using the CSS hyphens Property

Hyphenation on the Web: Using the CSS hyphens Property

Open a news article on your phone and look at the right edge of the text. In a narrow column, a single long word like "internationalization" or "resp

Continue Reading
font-variant-numeric: Tabular, Oldstyle, and Proportional Figures in CSS

font-variant-numeric: Tabular, Oldstyle, and Proportional Figures in CSS

You build a pricing table, right-align the numbers, and the totals still don't line up. A countdown timer wobbles left and right every second because

Continue Reading