Light 100
몽글폰트와 MongleFonts를 함께 써 보세요.
Pretendard
Pretendard
PretendardをUIに使うときは、名前だけでなく読み込んだ太さと言語別ファミリーを確認します。短いボタン、価格、長い案内を一緒に比べましょう。
ライセンスを確認して、フォントをダウンロードするか公式配布サイトへ移動してください。
文字を入力して試す
Light 200
몽글폰트와 MongleFonts를 함께 써 보세요.
Light 300
몽글폰트와 MongleFonts를 함께 써 보세요.
Regular 400
몽글폰트와 MongleFonts를 함께 써 보세요.
Medium 500
몽글폰트와 MongleFonts를 함께 써 보세요.
Medium 600
몽글폰트와 MongleFonts를 함께 써 보세요.
Bold 700
몽글폰트와 MongleFonts를 함께 써 보세요.
Bold 800
몽글폰트와 MongleFonts를 함께 써 보세요.
Bold 900
몽글폰트와 MongleFonts를 함께 써 보세요.
このフォントは何に合う？
最も合うと思う用途を一つ選んで投票してください。
書体選びのノート
公式の説明と当サイトの比較提案を分けて整理しました。ファイル全体の文字検査や全環境の性能測定ではありません。
公式ファミリーとプレビューの範囲
公式プロジェクトには9段階の太さ、可変版、日本語用JPやラテン用Stdなどの案内があります。このページの設定が配布版全体を表すわけではありません。日本語制作ではJPの案内と必要な文字を確認します。
価格とボタンを一緒に比較する
操作名、価格、二文のエラー案内を同じ画面に配置する練習を提案します。短いボタンが収まっても、数字の幅や長文の改行は別問題です。文章と幅を固定し、実際に提供される太さを一つずつ変えて、次の操作が分かるか記録します。
太さを変えても見た目が変わらない場合
指定した太さが読み込まれたか確認します。太く見えるだけでは対応ファイルの読み込みを証明できません。可変版は公式のファミリー名と設定を合わせ、読み込み前後でボタンと案内が切れないか比べます。見出しと本文はサイズや余白でも役割を分けられます。
比較用の文章
購入する・¥1,290
購入を完了できませんでした。入力内容を確認してください。実際の画面に入れ、通常状態とエラー状態を比較します。これは練習用文章で、決済機能ではありません。
例文は標準書体で表示しています。上のプレビューに移して実際の書体を確認してください。
公式資料確認・ノート作成 · MongleFonts
比較に役立つガイド
- ウェブサイト・UI向け無料フォント
小さなボタンやモバイル画面でも明瞭で安定する書体を選びます。
- 伝わるスライドの書体と余白
離れた位置からも読める構造と、見出し・本文の明確な階層を考えます。
- 韓国語・日本語・英語の組み合わせ方
異なる文字体系を同じ画面で大きさと太さがそろうように比較します。