フォントプレビュー
カスタムテキスト、サイズ、ウェイト、間隔、カラーで任意のGoogle Fontをテスト。CSSを即座にコピー。
48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS
ライブフォントプレビューツールとは?
ライブフォントプレビューツールを使うと、コードを書かずにリアルタイムでタイポグラフィをテストできます。2,000以上のGoogle Fontsから選び、サイズ、ウェイト、文字間隔、行高さを調整して、ウェブサイトでのテキストの見た目を確認できます。
このツールは誰のためのもの?
デザイナーは見出しと本文のフォントを素早く比較するために使います。開発者はプロジェクトに追加する前にCSSを調整するために活用します。ウェブサイトやブランドを構築する人なら誰でも、Google Fontsを視覚的に探索し、すぐに使えるCSSをワンクリックでコピーできます。
フォントコンフィギュレーターの使い方
フォントファミリーボタンをクリックしてドロップダウンを開き、2,000以上のGoogle Fontsを検索します。サンプルテキストを入力し、サイズ(8-200px)、ウェイト(100-900)、文字間隔、行高さをスライダーで調整します。CSSパネルは即座に更新されます。
Google Fonts - 無料とオープンソース
このツールの2,000以上のフォントはすべてGoogle Fontsからのもので、Googleが管理する無料のオープンソースフォントライブラリです。シンプルなCSSインポートでどのウェブサイトにも使用でき、ライセンス料は不要です。