Barokit

🔤Webフォントプレビュー

任意のフォントでテキストがどう見えるかをリアルタイムでプレビューします。CSSフォント選定、Webサイトのデザインカンプ、日本語フォント比較、名刺・ポスターの書体選びによく使われます。

🔒 ブラウザ内処理ウォーターマークなし登録不要

使い方

  1. 1フォント名を入力します。
  2. 2サンプルテキストが即座にレンダリングされます。
  3. 3サイズ・太さ・字間の調整も可能です。

よくある質問

Google Fontsにも対応?+

Google FontsのURLを追加すれば利用可能です。「Roboto」「Inter」「Noto Sans JP」などの一般的なフォントはシステムにも入っていることが多いです。

日本語フォントのおすすめは?+

Noto Sans JP、Noto Serif JP、源ノ角ゴシック、M PLUS 1pなどが可読性が良く無料で使えます。

自分のPCの全フォントが表示される?+

セキュリティ上、ブラウザはフォント一覧を提供しません。フォント名を直接入力してプレビューしてください。

等幅(monospace)フォントは?+

Source Code Pro、JetBrains Mono、Fira Code、源ノ等幅などのコーディング用フォントもプレビュー可能です。

フォントが表示されません。なぜ?+

(1) フォントが未インストール、(2) フォント名のタイポ、(3) ライセンス問題。ブラウザのDevToolsのComputedタブで実際に使われているフォントを確認できます。

日本語が崩れます。なぜ?+

選択したフォントが日本語に対応していない場合があります。欧文フォントには日本語グリフがなく、fallbackフォントで表示されます。

関連ツール