Tiny Online Tools
本番で使う前に、実際の文脈でフォントを確認
フォントは小さな見本では良く見えても、実際の文章量やサイズ、行間に入ると印象が変わることがあります。このプレビューなら、自分のテキストと設定で Google Fonts を試せます。
こんな場面で便利です
候補の比較、ウェイトやスタイルの確認、文字色や字間、行間の問題の早期発見に向いています。最終決定の前に、実際の UI に近いテキストでも確認しておくと安心です。
フォントプレビュー
Google Fonts をカスタムテキストとスタイルでプレビューします。
フォント確認用のサンプルテキストです。
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 !@#$%^&*()-+[]{}|;:,.<>?
関連ツール
フォントペアジェネレーター
プロジェクト向けのキュレーションされたGoogle Fontsのペアリングを見つけます。
テキストシャドウジェネレーター
ライブプレビュー付きで CSS text-shadow を作成します。
文字間隔ツール
CSS の letter-spacing を調整し、読みやすさと一緒に確認できます。
行間計算ツール
読みやすいタイポグラフィのための最適な行間を計算します。
PDF フォント検査
PDF が使うフォントを、サブセットタグ・サブタイプ・埋め込み状況・実際に使われているページとともに一覧します。
G-code ビューア
スライス済みの G-code をブラウザで 3D 表示します。レイヤーごとに、機能・移動種別・速度・エクストルーダーで色分けできます。
SVG ノイズテクスチャジェネレーター
タイル可能な SVG ノイズ・グレインテクスチャを純粋な SVG として生成 — オーバーレイ、背景、フィルムグレイン効果に最適。
もっと見る
無料オンラインツールの全コレクションを見る。