Merriweather

Serif transitional 制作 Sorkin Type #23 Google Fontsで
ウェイト

概要 Merriweather

Sorkin Typeが画面での快適な読書のために設計したMerriweatherは、大きめのx-ハイト、やや圧縮された字形、低解像度ディスプレイの小サイズでも耐えうる頑丈なセリフが特徴です。その可変フォント実装は、光学サイズ・字幅・ウェイトの三軸を同時に持つという稀有な特性を備え、キャプションから見出しまで精密なタイポグラフィコントロールを可能にします。長文の編集コンテンツやブログのタイポグラフィに多くの書き手や出版社が選んでいます。

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
ダウンロード
436

ライセンス使用

Web使用許可
印刷許可
動画 / 放送許可
パッケージ許可
アプリ埋め込み許可
ブランド / ロゴ許可
改変許可

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.

関連記事 Merriweather