タイポグラフィツール

フォント選択、ペアリング、CSS生成のための無料インタラクティブツール。すべてブラウザで動作。

フォントペアリングジェネレーター

フォントを選択してAI推奨ペアリングをライブプレビューで確認。

ツールを開く →

フォントプレビュー

カスタムテキスト、サイズ、ウェイト、カラーでGoogle Fontsをプレビュー。

ツールを開く →

フォント比較

同一サンプルテキストで2〜4フォントを並べて比較。

ツールを開く →

タイプスケール計算機

1.25、1.333、1.5などの比率を使用して調和のとれたタイプスケールを生成。

ツールを開く →

フォントスタックビルダー

Webセーフフォールバック付きのCSS font-familyスタックを構築。

ツールを開く →

CSSコードジェネレーター

Google Fonts用のすぐに使えるCSS @importとfont-familyコードを生成。

ツールを開く →

コントラストチェッカー

WCAG AAおよびAAA基準に対するテキスト/背景色のコントラスト比を確認。

ツールを開く →

フルイドタイプ計算機

ビューポートサイズ間のフルイドレスポンシブタイポグラフィ用CSS clamp()宣言を生成。

ツールを開く →

px / rem / em 変換ツール

px、rem、em、pt単位を即座に変換。基本フォントサイズを設定。

ツールを開く →

Font Pairing Tool

Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.

ツールを開く →

バリアブルフォントプレイグラウンド

バリアブルフォント軸をインタラクティブに探索 — ウェイト、幅、スラント、光学サイズ。

ツールを開く →

Frequently Asked Questions

Yes, all typography tools are completely free with no sign-up required. They run entirely in your browser using JavaScript — no data is sent to a server.
Yes. All tools are fully responsive and work on phones, tablets, and desktops. The interactive controls adapt to smaller screens, though some tools like the font compare are most useful on wider viewports.
All modern browsers are supported: Chrome, Firefox, Safari, and Edge. The tools use standard web technologies (CSS, JavaScript, Alpine.js) with no special plugins required. Internet Explorer is not supported.
Google Fonts is a free, open-source library of over 1,700 font families that you can use in any web project. Fonts are served from Google's CDN for fast loading. FontFYI tools use Google Fonts data to let you preview, pair, and generate CSS for any available font.
The tools have access to all 1,911 fonts in the Google Fonts library, covering serif, sans-serif, display, handwriting, and monospace categories. The font list is regularly updated when Google adds new fonts.
Yes. Google Fonts includes fonts for many scripts including Arabic, Chinese, Japanese, Korean, Devanagari, Thai, and more. You can preview and pair these fonts just like Latin fonts. The preview tool lets you enter text in any language to test how a font handles your script.