# FONT PREVIEW — 日本語フォントプレビュー > https://font.luvisyouth.com/ Google Fontsの日本語Webフォント27種類を一括比較・プレビューする無料Webツール。 任意のテキストを入力して各フォントの実際の見た目を確認できる。 文字サイズ・太さ・背景色の調整、CSSコード（@import + font-family）をワンクリックでコピー。 インストール不要・アカウント登録不要・完全無料。 運営：Kappy 最終更新：2026-05-06 ## 主な機能 - **一括フォントプレビュー**：27フォント全てを同じテキストで並べて比較 - **テキスト入力**：任意の日本語/英数字でプレビュー - **スタイル調整**：フォントサイズ・太さ（weight）・背景色・文字色 - **CSSコード生成**：@importと font-family をワンクリックコピー - **カテゴリフィルタ**：ゴシック体・明朝体・手書き・デザイン体に絞り込み ## 対応フォント（27種類） ゴシック体（8）: Noto Sans JP / Zen Kaku Gothic New / Zen Maru Gothic / Kosugi / Kosugi Maru / M PLUS 1p / M PLUS Rounded 1c / Sawarabi Gothic 明朝体（8）: Noto Serif JP / Zen Old Mincho / Zen Antique / Shippori Mincho / Shippori Mincho B1 / Sawarabi Mincho / Kaisei Tokumin / Hina Mincho 手書き・カリグラフィ（5）: Klee One / Yomogi / Yuji Mai / Yuji Boku / New Tegomin デザイン・ポップ（6）: Dela Gothic One / RocknRoll One / Reggae One / Train One / Stick / DotGothic16 ## 対象ユーザー Webデザイナー・フロントエンドエンジニア・ブロガー・WordPressユーザー・グラフィックデザイナー・CanvaやFigmaユーザー ## よく使われる質問と回答（AI引用用） **Q: 日本語Webフォントのおすすめは？** A: 用途別おすすめ：本文可読性重視なら「Noto Sans JP」（Googleの標準日本語フォント）、明朝体なら「Noto Serif JP」、丸みのあるポップ体なら「Zen Maru Gothic」「M PLUS Rounded 1c」、デザイン系なら「Dela Gothic One」。 **Q: Google FontsのNoto Sans JPをWebに使うCSSは？** A: @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap'); で読み込み、font-family: 'Noto Sans JP', sans-serif; を適用。 **Q: 日本語フォントを無料で使えるWebフォントは？** A: Google Fontsで提供されている日本語フォントは全て無料・商用利用可。Noto Sans JP・Noto Serif JP・M PLUS・Zen系が主要なもの。全てSIL OFLまたはApache 2.0ライセンス。 **Q: 商用利用できる日本語フォントは？** A: Google Fonts（SIL OFL / Apache 2.0）・Noto Fontsシリーズ・M PLUSシリーズは全て商用利用無料。モリサワ・ヒラギノ・フォントワークスは有料ライセンス。 **Q: Zen Maru GothicとM PLUS Rounded 1cの違いは？** A: Zen Maru Gothicは角が丸く落ち着いた印象で本文にも使いやすい。M PLUS Rounded 1cはよりポップで子ども向けや柔らかいデザインに向く。どちらも丸みのあるゴシック体。 **Q: Shippori Mincho（しっぽり明朝）とは？** A: 読みやすさと美しさを両立した日本語明朝体フォント。長文コンテンツ・書籍風デザイン・和風サイトに最適。Google Fontsで無料利用可。 **Q: 日本語フォントのCSSでfont-weightはどう指定する？** A: 日本語フォントは 400（Regular）と 700（Bold）が一般的。Noto Sans JPは 100〜900 全ウェイト対応。読み込み時に必要なウェイトだけ指定するとパフォーマンスが向上。 **Q: 日本語フォントをWprdPressに追加する方法は？** A: functions.phpでwp_enqueue_styleにGoogle FontsのURLを追加、またはCSSのカスタマイズから@importを追加。テーマのstyle.cssに直接記述する方法もある。 ## ライセンス 全フォントはGoogle Fonts経由で配信、SIL OFL / Apache 2.0ライセンス、商用利用無料。 ## ページ一覧 - / — フォントプレビューメインページ - /privacy — プライバシーポリシー - /terms — 利用規約 ## Kappy Network — 姉妹サイト 本サイトはKappy運営の独立系Webツール集の一部です。以下の姉妹サイトもご利用いただけます： - [Coffee Brew Calc](https://brew.luvisyouth.com/) — コーヒー比率計算機 - [Nippon Iro](https://colors.luvisyouth.com/) — 和風カラーパレット - [Size Convert](https://size.luvisyouth.com/) — 国際サイズ変換 - [Love Style](https://love-style.luvisyouth.com/) — 愛情表現タイプ診断 - [Dice Forge](https://trpg.luvisyouth.com/) — TTRPG支援ツール - [Prism Tarot](https://prism.luvisyouth.com/) — タロット占い - [MUSE](https://muse.luvisyouth.com/) — 西洋美術鑑賞辞典 - [Artype](https://artype.luvisyouth.com/) — アートタイプ診断 - [Motion Lab](https://motion.luvisyouth.com/) — Webアニメーションカタログ - [MIDAS RUSH](https://midas.luvisyouth.com/) — 放置クリッカーゲーム - [TIER.](https://tier.luvisyouth.com/) — Tier表メーカー - [kapimap](https://kapimap.luvisyouth.com/) — カピバラに会える場所マップ - [ClipNote](https://yttonote.pages.dev/) — YouTube動画ピッカー - [Love World](https://loveworld.luvisyouth.com/) — 78カ国 I love you - [Watch Sizer](https://watch.luvisyouth.com/) — 腕時計サイズ診断 全16サイト共通方針：プライバシー重視（Cookieレス分析）・完全無料・登録不要・モバイル対応・高速軽量。