ジェネレーター • フォントリスト作成

実際のプロジェクトで使える、おすすめ無料フォント。

厳選されたオープンソースフォントを、雰囲気、カテゴリ、用途に合わせてフィルタリング。実用的なフォントをランク付けし、組み合わせの提案や、そのまま使えるCSSスタックを、無駄な情報を省いて提供します。

無料フォント検索

制作内容、希望するトーン、比較したい候補数を選択してください。結果は外部APIからではなく、フィルターに基づいてランク付けされます。

1〜8件の間で選択してください。範囲外の値は自動的に調整されます。
フォント名、強み、タグに一致します。空欄でも構いません。
追加要件
現在の出力
一般的な用途に適した、実用的なバランスのデフォルトリストを表示しています。

推奨フォント

各結果には、組み合わせの提案、ライセンスの注意点、CSSスタックが含まれます。組み合わせはあくまで一例であり、厳格なルールではありません。

仕組み

このツールは、ページ内のデータセットから、設定されたフィルターに基づいて各フォントをスコアリングし、最も適したものを表示します。

1. まず用途に合わせる UI、エディトリアル、ブランディング、コードにはそれぞれ適した字形があります。まず、見た目のトーンよりもユースケースを重視して重み付けを行います。
2. 雰囲気と構造で絞り込む カテゴリとトーンでランキングを調整し、ニュートラルな定番、シャープな幾何学的書体、あるいは表現力豊かな選択肢へと絞り込めます。
3. 組み合わせを確認する 良い組み合わせは通常、混乱ではなく構造的なコントラストを生みます。控えめなサンセリフと読みやすいセリフの組み合わせは、個性的なディスプレイ用フォントを2つ使うよりも効果的です。
4. 導入前に検証する このページでは実用的な推奨事項を提示しますが、実際に使用する際は、収録文字、ヒンティング、言語サポート、ライセンス条項を必ず確認してください。

ライセンスに関する注意:これらの推奨事項は一般的に無料のオープンソースフォントファミリーを対象としていますが、ライセンス詳細やファイルの入手可能性はリポジトリによって変わる場合があります。商用利用の前には最新のライセンスを確認してください。

選択のヒント

無料フォントを素早く比較する際の便利な指標です。

読みやすい本文用フォント ゆったりとした字間、明確なイタリック体、小さなサイズでも窮屈に感じないリズムを持つものを選びましょう。
プロダクト・ダッシュボード用 表やコンパクトなUIでも判読性を維持できるよう、安定した幅、くっきりとした句読点、幅広いウェイト展開を持つものを優先します。
見出し(ディスプレイ)の選択 強力なディスプレイフォントはヒーローセクションを印象付けますが、通常、本文やUIパーツにはより静かな補助フォントが必要です。
スコアの解釈 スコアはフィルターの重みから算出された整数ランキングです。品質の絶対的な指標ではなく、あくまで比較を助けるためのものです。