Hover any text. Copy the type.

Font family, weight, size, line-height, letter-spacing and color as CSS. Entirely in your browser.

Chrome & Firefox: drag to the bookmarks bar. Safari: Copy code, then paste as the URL of a new bookmark.

Inspect anything.
Hover each line to see the panel update.

Body in IBM Plex Sans, weight 400. Move between lines. The inspector reads family, weight, size, line-height, letter-spacing and color from what you hover.

font-family: "IBM Plex Sans", system-ui

Hover the sample.

  1. 1Drag FontPeek to your bookmarks bar, or paste the snippet as a bookmark URL.
  2. 2Open any page and click the bookmark. Hover text to read it.
  3. 3Click to lock the panel, then Copy CSS. Esc closes.
fontpeek
family
weight
size
line-height
letter-spacing
color