Merriweather

Name: Merriweather
Author: Sorkin Type

Serif transitional 设计： Sorkin Type #23 在 Google Fonts 上

下载 Google Fonts

大小

字重

关于 Merriweather

Sorkin Type 专为屏幕阅读舒适性而设计的 Merriweather，具有宽大的 x 字高、略带收窄的字形以及在低分辨率显示器小字号下依然清晰的粗壮衬线。其可变字体实现尤为出色，能够同时提供视觉尺寸、字宽和字重三个轴——此等罕见特性使从图注到标题的精细排版控制成为可能。作家和出版人纷纷选用 Merriweather 用于长篇编辑内容和博客排版。

Design Analysis

Merriweather is a slab-influenced serif designed specifically for comfortable reading on screens. Its tall x-height, sturdy serifs, and open counters compensate for the limitations of low-resolution displays. Moderate stroke contrast and slightly condensed proportions allow longer text runs without fatigue.

Recommended Use Cases

One of the best serif choices for long-form web content, blog platforms, and digital publishing. Pairs exceptionally well with Open Sans or Source Sans for a classic editorial sans-serif/serif combination.

字符表

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

字重瀑布 (7)

300 Light

400 Regular

500 Medium

600 SemiBold

700 Bold

800 ExtraBold

900 Black

使用方法

<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

详情

分类: Serif
样式: transitional
字重: 7
斜体: ✓
韩文: ✗
设计师: Sorkin Type
许可证: OFL
版本
热度: #23
下载量: 442

许可用途

网页使用	允许
印刷	允许
视频 / 广播	允许
包装	允许
应用嵌入	允许
品牌 / 标志	允许
修改	允许

OFL — 个人和商业使用均免费

语言支持

cyrillic cyrillic-ext latin latin-ext vietnamese

最适合

body_text editorial headers presentations

相似字体

对比

排版概念

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.