Merriweather
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
概要 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.
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.
文字マップ
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
ウェイトウォーターフォール (7)
使い方
<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
- ダウンロード
- 193
ライセンス使用
| Web使用 | 許可 |
| 印刷 | 許可 |
| 動画 / 放送 | 許可 |
| パッケージ | 許可 |
| アプリ埋め込み | 許可 |
| ブランド / ロゴ | 許可 |
| 改変 | 許可 |
OFL — 個人・商用とも無料で使用可能
言語サポート
最適な用途
タイポグラフィの概念
-
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.