DM Sans

Name: DM Sans
Author: Colophon Foundry

Sans Serif geometric-sans 制作 Colophon Foundry #20 Google Fontsで

ダウンロード Google Fonts

サイズ

ウェイト

概要 DM Sans

Colophon Foundry が DM タイプシステムのテキスト重視のコンパニオンとして設計したこの低コントラストのジオメトリック sans-serif は、オプティカルサイズとウェイト軸によって小さな本文コピーから大きなディスプレイサイズまで柔軟に対応できます。装飾を排した清潔な字形は個性より明快さを優先し、ミニマルな UI システム・SaaS 製品・モダンなエディトリアルレイアウトに特に効果的です。オプティカルサイズ軸の実装は特に優れており、レンダリングコンテキストに合わせてスペーシングとウェイトを目に見えて調整します。

Design Analysis

DM Sans is a low-contrast geometric sans-serif with slightly squared proportions and a modern, technical aesthetic. Its letterforms favor clarity over personality, with uniform stroke width and clean terminals throughout. The optical sizes are tuned for both text and display use, making it adaptable across the typographic scale.

Recommended Use Cases

A strong contender for tech product UIs, startup landing pages, and design system foundations. Its neutral character allows content to lead; pair with DM Serif Display for dramatic heading contrast.

文字マップ

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

ウェイトウォーターフォール (10)

100 Thin

200 ExtraLight

300 Light

400 Regular

500 Medium

600 SemiBold

700 Bold

800 ExtraBold

900 Black

1000 1000

ベストペアリング

すべて見る →

DM Sans + DM Serif Display 8/10

Heading in DM Sans

Body text in DM Serif Display. From the same design family, DM Sans and DM Serif share proportional DNA, creating natural harmony. The sans/serif contrast provides …

使い方

<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;1000;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;1000;200;300;500;600;700;800;900;400&display=swap');

font-family: 'DM Sans', sans-serif;

brew install --cask font-dm-sans

詳細

カテゴリ: Sans Serif
スタイル: geometric-sans
ウェイト: 10
イタリック: ✓
韓国語: ✗
デザイナー: Colophon Foundry
ライセンス: OFL
バージョン
人気度: #20
ダウンロード: 426

ライセンス使用

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

OFL — 個人・商用とも無料で使用可能

言語サポート

latin latin-ext

最適な用途

body_text web_apps ui_elements