フォントワークベンチ

テキストに合わせて細部を調整

Webフォントの読み込み前にテキストがどう変わるか確認しましょう。メイン、代替、調整済み代替フォントを比較し、レイアウトのずれを抑えるためのCSSを書き出せます。

TTF · OTF · WOFF · WOFF21ファイル10 MBまで · 合計32 MBまで非公開アップロード · カタログ不要
1

フォントファイルから始める

アップロードする権利のあるフォントを使用してください。TTF、OTF、WOFF、WOFF2に対応しています。

役立つ結果を得るには

メインフォントをアップロードし、ローカルの代替フォントを選ぶか別のフォントをアップロードします。テキストと段組み幅を設定し、サンプルに合わせて調整します。行数とブロックの高さを確認してサイズを微調整し、CSSを保存して仮のパスを自分のファイルに置き換えてください。

確認しておきたいこと

これはテキストレイアウトの比較であり、CLSスコアの測定ではありません。提案値はデフォルトインスタンスでのこのサンプルに対応します。文章、スタイル、ブラウザ、OSによって結果は異なります。ローカルの代替フォントは閲覧者の端末に必要です。アップロードした代替フォントにも読み込みが必要です。

プレビューは非公開で、15分後に期限切れになります。作業領域をクリアすると早期削除を要求できます。生成したWebフォントキットも一時的なもので、自動的に期限切れになります。

すべてのフォントツールを見る

ログインしてこのフォントを保存

Googleで続行するか、メールでログインしてください。完了後、このページへ戻ります。