Merriweather

Serif transitional by Sorkin Type #23 on Google Fonts
Weight

About Merriweather

Được thiết kế bởi Sorkin Type để đọc thoải mái trên màn hình, Merriweather có x-height rộng rãi, các letterform hơi condensed và các serif chắc chắn giữ tốt ở kích thước nhỏ trên màn hình độ phân giải thấp. Triển khai variable font của nó đặc biệt biểu cảm, đồng thời cung cấp các trục optical size, chiều rộng và trọng lượng — một điều hiếm có cho phép kiểm soát typographic chính xác từ caption đến headline. Các nhà văn và nhà xuất bản nghiêng về Merriweather cho nội dung biên tập dạng dài và kiểu chữ blog.

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
Tiếng Hàn Quốc
Designer
Sorkin Type
License
OFL
Version
Popularity
#23
Downloads
19

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