Font Previewer

Preview text in 23 popular Google Fonts (Roboto, Inter, Poppins, JetBrains Mono, Playfair Display and more). Type any sample text, drag size (12–72px) and weight (100–900) sliders, and the rendered preview loads the chosen font live from Google Fonts. A read-only CSS snippet below the preview shows the exact font-family, font-size, and font-weight to copy.

1. Click a font in the Select Font list, or use the search box to filter the 23 available families. 2. Edit the preview text in the textarea (defaults to the pangram 'The quick brown fox jumps over the lazy dog'). 3. Drag Size (12–72px) and Weight (100–900, steps of 100) sliders. 4. Copy the font-family / font-size / font-weight snippet shown below the rendered preview.

The list is fixed at 23 families — Roboto, Open Sans, Lato, Montserrat, Oswald, Source Code Pro, Raleway, Poppins, Inter, Nunito, Playfair Display, Merriweather, PT Sans, Fira Code, JetBrains Mono, IBM Plex Mono, Space Mono, Ubuntu, Noto Sans, DM Sans, Rubik, Work Sans, Quicksand. The preview injects a Google Fonts stylesheet link for the selected family and the chosen weight, so it requires an internet connection to render the chosen font.