WEBフォントプレビュー
Google Fontsなどのウェブフォントをリアルタイムでプレビュー。 サイズや色を変えながら複数フォントを比較できる。
Arial
sans-serifArial, sans-serif
Helvetica
sans-serifHelvetica, Arial, sans-serif
Verdana
sans-serifVerdana, Geneva, sans-serif
Trebuchet MS
sans-serif"Trebuchet MS", Helvetica, sans-serif
Georgia
serifGeorgia, "Times New Roman", serif
Times New Roman
serif"Times New Roman", Times, serif
Courier New
monospace"Courier New", Courier, monospace
Impact
displayImpact, Haettenschweiler, sans-serif
Comic Sans MS
display"Comic Sans MS", cursive, sans-serif
monospace
genericmonospace
serif
genericserif
sans-serif
genericsans-serif
使い方
テキスト入力
プレビューしたいテキストを入力
フォント選択
比較したいフォントを選択
プレビュー確認
フォントサイズや太さを調整しながらプレビュー
このツールの特徴
リアルタイムプレビュー
テキスト入力と同時にフォント表示をリアルタイム更新
Google Fonts対応
Google Fontsの豊富なフォントライブラリから選択可能
フォント比較
複数フォントを並べて表示し、最適なフォントを選定
よくある質問
🔗関連ツール
カラーコード変換器
HEX・RGB・HSLのカラーコードを相互変換。 カラーピッカーとリアルタイムプレビューで直感的に操作。
カラーピッカー
カラーホイールやスライダーで直感的に色を選べるツール。 HEX・RGB・HSL形式でカラーコードを取得・コピーできる。
画像色抽出器
画像から主要な色を自動検出してカラーパレットを生成。 画像上の任意の位置をクリックして個別に色を取得することも可能。
画像平均色取得
画像全体または選択範囲の平均色を算出するツール。 デザインの配色決めやサムネイル背景色の決定に活用できる。
CSSグラデーション生成器
CSSグラデーションをドラッグ操作で視覚的に作成するツール。 リニア・ラジアル・コニックの3タイプとプリセットを搭載。
CSSボックスシャドウ生成器
CSSのbox-shadowをスライダーで視覚的に調整・生成するツール。 複数シャドウの重ね合わせや内側シャドウ（inset）にも対応。