🔤 ウェブセーフフォントプレビュー

このツールは、Arial・Georgia・Courier Newなど、ほぼ全てのOSに標準搭載されている15種類のウェブセーフフォントに、自分で入力したテキストを適用してその場で見比べられるツールです。Webデザイナーや制作者が安全なfont-familyフォールバックを選ぶ際に、サイズ・太さ・行の高さ・字間まで調整しながら確認できて便利です。処理はすべてブラウザ内で完結し、入力したテキストがサーバーに送信されることはありません。

使い方

1. プレビューテキスト欄に確認したい文章を入力します。
2. すべて・Sans-serif・Serif・Monospace・Cursiveのタブでフォントを絞り込みます。
3. フォントサイズ・行の高さ・字間のスライダーや太字・斜体のチェックボックスでスタイルを調整します。
4. 各フォントカード下部に表示されるfont-familyの値をそのままCSSにコピーします。

よくある質問

ウェブセーフフォントとは何ですか?

ファイルをダウンロードしなくても、ほとんどのWindowsやMacに標準搭載されているため、訪問者の環境を問わず崩れずに表示されるフォントのことです。

プレビュー通りに表示されない場合はありますか?

はい、閲覧者のOSやインストール済みフォントによって表示が多少異なる場合があるため、font-familyには必ずフォールバックフォントを併記することをおすすめします。

入力したテキストは保存されますか?

保存されません。すべての処理はブラウザ内で完結し、サーバーに送信されることはありません。