Free Web Font

WEBフォントプレビュー(無料・日本語)

WEBフォントプレビュー(無料・日本語)は、無料の日本語対応のWEBフォントをプレビューできる無料ツールです。代表的な日本語対応のウェブフォントを探すこと、「CDNコピー」「CSSコピー」が可能です。

ご利用しているブラウザ、アプリ、デバイスによって、正常にWEBフォントが機能しないケースがございます。ご利用は自己責任でお願いします。

使い方

  1. プレビューしたい文字・文章を入力します。
  2. 利用できるWEBフォントが一覧で表示されます。
  3. 使いたいWEBフォントを選び、利用する場合は「CDNコピー」「CSSコピー」ボタンでコピーして、お使いください。

WEBフォントとは?

Webフォントの概要

項目内容
定義サーバーから読み込んで表示されるフォント
目的全ユーザーに一貫した文字デザインを提供するため
主な形式woff / woff2 / ttf / otf
主な提供元Google Fonts、Adobe Fonts、CDN、自前ホスティング

Webフォントのメリット

  • 端末依存なし:ユーザーのOSやブラウザに関係なく同じフォントを表示できる
  • デザイン性の向上:オリジナルの印象を与えるブランディングが可能
  • 多言語対応:日本語を含むCJK(中・韓・日)やアラビア文字も一貫表示可能

Webフォントのデメリット

  • 読み込みが遅くなる可能性(外部サーバー依存)
  • ライセンス制限(商用利用に注意が必要な場合あり)
  • フォントサイズが大きい(日本語は数MBに達することも)

主なWebフォントのサービス

提供元特徴
Google Fonts無料・高品質・読み込み簡単・商用利用OK(大半)
Adobe FontsAdobe 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 伝統的なスタイルの明朝体

関連記事

注意事項

このツールは無料でご利用いただけます。

※このプログラムはPHP8.2.22にて作成、動作確認を行っております。
※ご利用下さっている皆様のご意見・ご要望(改善要望)をお寄せください。