WEBフォントプレビュー（無料・日本語） Free Web Font
WEBフォントプレビュー（無料・日本語）は、無料の日本語対応のWEBフォントをプレビューできる無料ツールです。代表的な日本語対応のウェブフォントを探すこと、「CDNコピー」「CSSコピー」が可能です。
Noto Sans JP
日本語のWebフォントを簡単にプレビュー
Noto Serif JP
日本語のWebフォントを簡単にプレビュー
M PLUS 1p
日本語のWebフォントを簡単にプレビュー
M PLUS Rounded 1c
日本語のWebフォントを簡単にプレビュー
Kosugi
日本語のWebフォントを簡単にプレビュー
Kosugi Maru
日本語のWebフォントを簡単にプレビュー
Sawarabi Gothic
日本語のWebフォントを簡単にプレビュー
Sawarabi Mincho
日本語のWebフォントを簡単にプレビュー
Zen Kaku Gothic New
日本語のWebフォントを簡単にプレビュー
Shippori Mincho
日本語のWebフォントを簡単にプレビュー
Hina Mincho
日本語のWebフォントを簡単にプレビュー
Kiwi Maru
日本語のWebフォントを簡単にプレビュー
DotGothic16
日本語のWebフォントを簡単にプレビュー
Yusei Magic
日本語のWebフォントを簡単にプレビュー
Potta One
日本語のWebフォントを簡単にプレビュー
Reggae One
日本語のWebフォントを簡単にプレビュー
Yuji Syuku
日本語のWebフォントを簡単にプレビュー
BIZ UD Gothic
日本語のWebフォントを簡単にプレビュー
BIZ UD Mincho
日本語のWebフォントを簡単にプレビュー
Source Han Mono
日本語のWebフォントを簡単にプレビュー
源ノ角ゴシック (Noto Sans CJK JP)
日本語のWebフォントを簡単にプレビュー
源ノ明朝 (Noto Serif CJK JP)
日本語のWebフォントを簡単にプレビュー
源ノ等幅 (Noto Sans Mono CJK JP)
日本語のWebフォントを簡単にプレビュー
はんなり明朝
日本語のWebフォントを簡単にプレビュー
あんずもじ
日本語のWebフォントを簡単にプレビュー
しろくまフォント
日本語のWebフォントを簡単にプレビュー
うずらフォント
日本語のWebフォントを簡単にプレビュー
こころ明朝体
日本語のWebフォントを簡単にプレビュー
さわらびフォント
日本語のWebフォントを簡単にプレビュー
たぬき油性マジック
日本語のWebフォントを簡単にプレビュー
ニコモジ＋ (nicomoji+)
日本語のWebフォントを簡単にプレビュー
PixelMplus
日本語のWebフォントを簡単にプレビュー
花園明朝
日本語のWebフォントを簡単にプレビュー
IPAゴシック
日本語のWebフォントを簡単にプレビュー
IPA明朝
日本語のWebフォントを簡単にプレビュー
刻明朝
日本語のWebフォントを簡単にプレビュー
幻ノにじみ明朝
日本語のWebフォントを簡単にプレビュー
築豊明朝
日本語のWebフォントを簡単にプレビュー
馬酔木明朝
日本語のWebフォントを簡単にプレビュー
GL-アンチック
日本語のWebフォントを簡単にプレビュー
源暎ゴシック
日本語のWebフォントを簡単にプレビュー
源暎明朝
日本語のWebフォントを簡単にプレビュー
HackGen
日本語のWebフォントを簡単にプレビュー
UDEV Gothic
日本語のWebフォントを簡単にプレビュー
Murecho
日本語のWebフォントを簡単にプレビュー
Nasu
日本語のWebフォントを簡単にプレビュー
Kazesawa
日本語のWebフォントを簡単にプレビュー
せのびゴシック
日本語のWebフォントを簡単にプレビュー
まるもじ
日本語のWebフォントを簡単にプレビュー
ZEN Old Mincho
日本語のWebフォントを簡単にプレビュー
ZEN Maru Gothic
日本語のWebフォントを簡単にプレビュー
RocknRoll One
日本語のWebフォントを簡単にプレビュー
Stick
日本語のWebフォントを簡単にプレビュー
Train One
日本語のWebフォントを簡単にプレビュー
ご利用しているブラウザ、アプリ、デバイスによって、正常にWEBフォントが機能しないケースがございます。ご利用は自己責任でお願いします。
使い方
- プレビューしたい文字・文章を入力します。
- 利用できるWEBフォントが一覧で表示されます。
- 使いたいWEBフォントを選び、利用する場合は「CDNコピー」「CSSコピー」ボタンでコピーして、お使いください。
WEBフォントとは？
Webフォントの概要
| 項目 | 内容 |
|---|---|
| 定義 | サーバーから読み込んで表示されるフォント |
| 目的 | 全ユーザーに一貫した文字デザインを提供するため |
| 主な形式 | woff / woff2 / ttf / otf |
| 主な提供元 | Google Fonts、Adobe Fonts、CDN、自前ホスティング |
Webフォントのメリット
- 端末依存なし：ユーザーのOSやブラウザに関係なく同じフォントを表示できる
- デザイン性の向上：オリジナルの印象を与えるブランディングが可能
- 多言語対応：日本語を含むCJK（中・韓・日）やアラビア文字も一貫表示可能
Webフォントのデメリット
- 読み込みが遅くなる可能性（外部サーバー依存）
- ライセンス制限（商用利用に注意が必要な場合あり）
- フォントサイズが大きい（日本語は数MBに達することも）
主なWebフォントのサービス
| 提供元 | 特徴 |
|---|---|
| Google Fonts | 無料・高品質・読み込み簡単・商用利用OK（大半） |
| Adobe Fonts | Adobe CC連携・デザインフォントが豊富 |
| オープンソース | カスタマイズ性◎・CDNや自己CDNで提供可能 |
Webフォント使用例（HTML）
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans JP', sans-serif;
}
</style>
WEBフォント一覧
| No. | フォント名 | 書式 | ソース | 解説 |
|---|---|---|---|---|
| 1 | Noto Sans JP | ゴシック体 | Google Fonts | GoogleとAdobeが開発した多言語対応ゴシック体 |
| 2 | Noto Serif JP | 明朝体 | Google Fonts | GoogleとAdobeが開発した多言語対応明朝体 |
| 3 | M PLUS 1p | ゴシック体 | Google Fonts | モダンで読みやすい日本語ゴシック体 |
| 4 | M PLUS Rounded 1c | 丸ゴシック | Google Fonts | 角が丸まった親しみやすいゴシック体 |
| 5 | Kosugi | ゴシック体 | Google Fonts | シンプルで汎用性の高いゴシック体 |
| 6 | Kosugi Maru | 丸ゴシック | Google Fonts | Kosugiの丸ゴシックバージョン |
| 7 | Sawarabi Gothic | ゴシック体 | Google Fonts | やわらかい印象の日本語ゴシック体 |
| 8 | Sawarabi Mincho | 明朝体 | Google Fonts | 伝統的な日本語明朝体 |
| 9 | Zen Kaku Gothic New | ゴシック体 | Google Fonts | モダンで洗練されたゴシック体 |
| 10 | Shippori Mincho | 明朝体 | Google Fonts | 力強い印象の明朝体 |
| 11 | Hina Mincho | 明朝体 | Google Fonts | 繊細で優雅な明朝体 |
| 12 | Kiwi Maru | 丸ゴシック | Google Fonts | 丸みを帯びた親しみやすい書体 |
| 13 | DotGothic16 | ドットフォント | Google Fonts | ドット打ちのゲーム風フォント |
| 14 | Yusei Magic | ポップ体 | Google Fonts | ポップでカジュアルなデザイン書体 |
| 15 | Potta One | 手書き風 | Google Fonts | 手書き風の親しみやすいフォント |
| 16 | Reggae One | デザイン書体 | Google Fonts | レゲエ調のユニークなデザイン書体 |
| 17 | Yuji Syuku | 筆文字 | Google Fonts | 毛筆風の書道フォント |
| 18 | BIZ UD Gothic | ゴシック体 | Google Fonts | ビジネス向けのUDゴシック体 |
| 19 | BIZ UD Mincho | 明朝体 | Google Fonts | ビジネス向けのUD明朝体 |
| 20 | Source Han Mono | 等幅フォント | Google Fonts | プログラミング向け等幅フォント |
| 21 | 源ノ角ゴシック (Noto Sans CJK JP) | ゴシック体 | Adobe + Google | AdobeとGoogle共同開発の高品質ゴシック体 |
| 22 | 源ノ明朝 (Noto Serif CJK JP) | 明朝体 | Adobe + Google | AdobeとGoogle共同開発の高品質明朝体 |
| 23 | 源ノ等幅 (Noto Sans Mono CJK JP) | 等幅フォント | Adobe + Google | AdobeとGoogle共同開発の等幅フォント |
| 24 | はんなり明朝 | 明朝体 | オープンソース／フリーフォント | 優雅で女性的な明朝体 |
| 25 | あんずもじ | 手書き風 | オープンソース／フリーフォント | かわいい手書き風フォント |
| 26 | しろくまフォント | 手書き風 | オープンソース／フリーフォント | 丸みのある手書き風フォント |
| 27 | うずらフォント | 手書き風 | オープンソース／フリーフォント | 素朴な手書き風フォント |
| 28 | こころ明朝体 | 明朝体 | オープンソース／フリーフォント | 伝統的な明朝体 |
| 29 | さわらびフォント | ゴシック体 | オープンソース／フリーフォント | シンプルなゴシック体 |
| 30 | たぬき油性マジック | 手書き風 | オープンソース／フリーフォント | マジックペン風の手書きフォント |
| 31 | ニコモジ＋ (nicomoji+) | デジタル風 | オープンソース／フリーフォント | ニコニコ動画風のデジタルフォント |
| 32 | PixelMplus | ドットフォント | オープンソース／フリーフォント | ピクセルアート風ドットフォント |
| 33 | 花園明朝 | 明朝体 | オープンソース／フリーフォント | 学術用途向けの高品質明朝体 |
| 34 | IPAゴシック | ゴシック体 | オープンソース／フリーフォント | IPAが配布する標準的なゴシック体 |
| 35 | IPA明朝 | 明朝体 | オープンソース／フリーフォント | IPAが配布する標準的な明朝体 |
| 36 | 刻明朝 | 明朝体 | オープンソース／フリーフォント | 力強い印象の明朝体 |
| 37 | 幻ノにじみ明朝 | 明朝体 | オープンソース／フリーフォント | にじみを表現した独特な明朝体 |
| 38 | 築豊明朝 | 明朝体 | オープンソース／フリーフォント | 伝統的なスタイルの明朝体 |
| 39 | 馬酔木明朝 | 明朝体 | オープンソース／フリーフォント | 優雅で繊細な明朝体 |
| 40 | GL-アンチック | デザイン書体 | オープンソース／フリーフォント | アンティーク調のデザイン書体 |
| 41 | 源暎ゴシック | ゴシック体 | オープンソース／フリーフォント | 高品質なオープンソースゴシック体 |
| 42 | 源暎明朝 | 明朝体 | オープンソース／フリーフォント | 高品質なオープンソース明朝体 |
| 43 | HackGen | 等幅フォント | オープンソース／フリーフォント | プログラミング向けの等幅フォント |
| 44 | UDEV Gothic | 等幅フォント | オープンソース／フリーフォント | 開発者向けの高機能等幅フォント |
| 45 | Murecho | ゴシック体 | オープンソース／フリーフォント | シンプルで読みやすいゴシック体 |
| 46 | Nasu | ゴシック体 | オープンソース／フリーフォント | 汎用性の高いゴシック体 |
| 47 | Kazesawa | ゴシック体 | オープンソース／フリーフォント | モダンなデザインのゴシック体 |
| 48 | せのびゴシック | ゴシック体 | オープンソース／フリーフォント | 縦長の特徴的なゴシック体 |
| 49 | まるもじ | 手書き風 | オープンソース／フリーフォント | 丸文字風の可愛いフォント |
| 50 | ZEN Old Mincho | 明朝体 | Google Fonts | 伝統的なスタイルの明朝体 |
関連記事
- 空白コピペ
- 特殊文字アルファベットコピペ
- 数字フォントコピペ
- WEBフォントプレビュー（無料・日本語）
- 顔文字コピペ
- 飾り文字コピペ
- 筆記体フォントコピペ
- 縦線コピペ
- 切り取り線コピペ
- 矢印コピペ
- ハート特殊文字コピペ・絵文字・絵文字ミックス
- キラキラ特殊文字コピペ・絵文字・絵文字ミックス
- 星特殊文字コピペ・絵文字・絵文字ミックス
- リボン特殊文字コピペ・絵文字・絵文字ミックス
- 花特殊文字コピペ・絵文字・絵文字ミックス
- Love特殊文字コピペ・絵文字・絵文字ミックス
- 月特殊文字コピペ・絵文字・絵文字ミックス
- 羽特殊文字コピペ・絵文字・絵文字ミックス
- 猫特殊文字コピペ・絵文字・絵文字ミックス
- にこちゃん特殊文字コピペ・絵文字・絵文字ミックス
- 十字架特殊文字コピペ・絵文字・絵文字ミックス
- かわいい特殊文字コピペ・絵文字・絵文字ミックス
- おしゃれ特殊文字コピペ・絵文字・絵文字ミックス
- モチモチ特殊文字コピペ・絵文字・絵文字ミックス
- ビックリマーク特殊文字コピペ・絵文字・絵文字ミックス
- ハッピーバースデー特殊文字コピペ・絵文字・絵文字ミックス
- クリスマス特殊文字コピペ・絵文字・絵文字ミックス
- 音符特殊文字コピペ・絵文字・絵文字ミックス
- 動物特殊文字コピペ・絵文字・絵文字ミックス
- うさぎ特殊文字コピペ・絵文字・絵文字ミックス
- 桜特殊文字コピペ・絵文字・絵文字ミックス
- よしよし特殊文字コピペ・絵文字・絵文字ミックス
- 泣く特殊文字コピペ・絵文字・絵文字ミックス
- 土下座特殊文字コピペ・絵文字・絵文字ミックス
- 汗特殊文字コピペ・絵文字・絵文字ミックス
- お辞儀特殊文字コピペ・絵文字・絵文字ミックス
- ぺこり特殊文字コピペ・絵文字・絵文字ミックス
- 敬礼特殊文字コピペ・絵文字・絵文字ミックス
- 泣き特殊文字コピペ・絵文字・絵文字ミックス
- 涙特殊文字コピペ・絵文字・絵文字ミックス
- ぴえん特殊文字コピペ・絵文字・絵文字ミックス
- うるうる特殊文字コピペ・絵文字・絵文字ミックス
- 注意特殊文字コピペ・絵文字・絵文字ミックス
- お願い特殊文字コピペ・絵文字・絵文字ミックス
- ごめん特殊文字コピペ・絵文字・絵文字ミックス
- 溶ける特殊文字コピペ・絵文字・絵文字ミックス
- 韓国特殊文字コピペ・絵文字・絵文字ミックス
- びっくり特殊文字コピペ・絵文字・絵文字ミックス
- 春特殊文字コピペ・絵文字・絵文字ミックス
- 夏特殊文字コピペ・絵文字・絵文字ミックス
- 秋特殊文字コピペ・絵文字・絵文字ミックス
- 冬特殊文字コピペ・絵文字・絵文字ミックス
- 泡特殊文字コピペ・絵文字・絵文字ミックス
- 天使特殊文字コピペ・絵文字・絵文字ミックス
- 嬉しい特殊文字コピペ・絵文字・絵文字ミックス
- 筋肉特殊文字コピペ・絵文字・絵文字ミックス
- 手紙特殊文字コピペ・絵文字・絵文字ミックス
- ハグ特殊文字コピペ・絵文字・絵文字ミックス
- 爆発特殊文字コピペ・絵文字・絵文字ミックス
- 顔隠す特殊文字コピペ・絵文字・絵文字ミックス
- 顔特殊文字コピペ・絵文字・絵文字ミックス
- 手特殊文字コピペ・絵文字・絵文字ミックス
- 悲しい特殊文字コピペ・絵文字・絵文字ミックス
- 犬特殊文字コピペ・絵文字・絵文字ミックス
- 墓特殊文字コピペ・絵文字・絵文字ミックス
- 可愛い記号コピペ・絵文字・絵文字ミックス
注意事項
このツールは無料でご利用いただけます。
※このプログラムはPHP8.2.22にて作成、動作確認を行っております。
※ご利用下さっている皆様のご意見・ご要望（改善要望）をお寄せください。