Tiny Online Tools
本番で使う前に、実際の文脈でフォントを確認
フォントは小さな見本では良く見えても、実際の文章量やサイズ、行間に入ると印象が変わることがあります。このプレビューなら、自分のテキストと設定で Google Fonts を試せます。
こんな場面で便利です
候補の比較、ウェイトやスタイルの確認、文字色や字間、行間の問題の早期発見に向いています。最終決定の前に、実際の UI に近いテキストでも確認しておくと安心です。
フォントプレビュー
Google Fonts をカスタムテキストとスタイルでプレビューします。
フォント確認用のサンプルテキストです。
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 !@#$%^&*()-+[]{}|;:,.<>?
関連ツール
フォントペアジェネレーター
プロジェクト向けのキュレーションされたGoogle Fontsのペアリングを見つけます。
テキストシャドウジェネレーター
ライブプレビュー付きで CSS text-shadow を作成します。
文字間隔ツール
CSS の letter-spacing を調整し、読みやすさと一緒に確認できます。
行間計算ツール
読みやすいタイポグラフィのための最適な行間を計算します。
JSON Path Finder
Find values in JSON documents with a practical JSONPath subset.
Data URI Generator
Generate data URIs from local files without uploading them.
動画圧縮
MediaRecorder を使ってブラウザー上で動画ファイルサイズを圧縮します。
もっと見る
無料オンラインツールの全コレクションを見る。