Merriweather

Serif transitional by Sorkin Type #23 on Google Fonts
Weight

About Merriweather

Designed by Sorkin Type for comfortable on-screen reading, Merriweather features a generous x-height, slightly condensed letterforms, and sturdy serifs that hold up well at small sizes on low-resolution displays. Its variable font implementation is unusually expressive, offering optical size, width, and weight axes simultaneously — a rarity that allows precise typographic control from caption to headline. Writers and publishers gravitate toward Merriweather for long-form editorial content and blog typography.

Character Map

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Weight Waterfall (7)

300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

How to Use

<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;500;600;700;800;900;400&display=swap');
font-family: 'Merriweather', serif;
brew install --cask font-merriweather

Details

Category
Serif
Style
transitional
Weights
7
Italic
Korean
Designer
Sorkin Type
License
OFL
Version
Popularity
#23

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

cyrillic cyrillic-ext latin latin-ext vietnamese

Best For

body-text blog reading

Typography Concepts

  • Serif

    A small decorative stroke added to the end of a letter's main strokes. Serif fonts (like Times New Roman) have these; sans-serif fonts don't.

  • Leading

    The vertical distance between lines of text, measured from baseline to baseline. Named after lead strips used in letterpress printing.

  • Measure

    The length of a line of text, typically 45–75 characters for optimal readability. Too long or too short reduces reading comfort.

  • Responsive Typography

    Typography that adapts to different screen sizes — using media queries, viewport units, or CSS clamp() for fluid scaling.

  • Line Height

    The CSS property controlling the distance between lines of text. Typically set to 1.5 or 150% for body text readability.

  • Readability

    How comfortably extended text can be read in longer passages — affected by font choice, size, line-height, measure, and color contrast.

Articles About Merriweather