Database

Manrope

Created on 2026-04-30 · Updated on 2026-04-30 · By Eroan Boyer · manrope.ttf

Upload your font

Drag and drop or browse: we'll auto-extract the font name for the next step.

Font name Detecting name…

Please enter a font name.

Fallback stack

Sans — Arial + Roboto

Recommended for sans-serif fonts (Inter, Manrope, Open Sans, etc.)

Serif — Times New Roman + Roboto Serif

Recommended for serif fonts (Lora, Merriweather, etc.)

Condensed — Impact + Roboto Condensed

Recommended for narrow or display fonts

size-adjust

ascent-override normal

descent-override normal

line-gap-override normal

Preview is forced to line-height: normal so this override takes effect. Most production sites use a numeric line-height — the override won't have any visible effect there.

Showing:

size-adjust

ascent-override normal

descent-override normal

line-gap-override normal

Preview is forced to line-height: normal so this override takes effect. Most production sites use a numeric line-height — the override won't have any visible effect there.

Showing:

Layout-shift test

Compare what users see while the font loads, with and without the tuned fallback. The shifting block is highlighted in red.

Upload a font to enable the test

Sample text

Font size

Without tuned fallback

With tuned fallback

CSS ready to ship

Copy or download this CSS to integrate it into your site. Don't forget to save your work too if you want to find it again in the database.

Cancel