English 中文 العربية 日本語 Português

font-size-adjust プロパティ

最終更新：2026-09-13

font-size-adjust font-size-adjust プロパティ

font-size-adjust プロパティは、フォントのフォールバック時に x 高（小文字 x の高さ）を一定に保ち、異なるフォントが混在しても視覚的なサイズの急変を防ぎます。CSS3 のプロパティです。

カテゴリ
初期値none
継承はい
適用対象
アニメーションタイプ
CSS バージョンCSS3
状態標準

📝 構文

font-size-adjust: none | auto | <number>;

⚙️ 値

値タイプ説明
noneキーワード調整なし
<number>タイプ調整値（x 高を一定に保つ）

▶ 例

以下のコードを編集して、プレイグラウンドでライブ結果を確認してください：

▶ 試す

🌐 ブラウザーサポート

ブラウザー ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
font-size-adjust ✓ v57 ✓ v12 ✓ v52 ✓ v10.1 ✓ v44
すべての主要ブラウザーでサポート
ヒント： 値は通常、主フォントの x 高の比率（x-height / font-size）に設定し、フォールバックフォントも視覚的なサイズを一定に保ちます。
注意： ブラウザの対応は限定的です。本番環境で使う前に、対象ブラウザが対応しているか確認してください。

❓ よくある質問

Qfont-size-adjust プロパティはウェブデザインでどのような問題を解決しますか？
A同じフォントサイズでもフォントによって x 高（小文字の高さ）が異なるため、優先フォントの読み込みに失敗してフォールバックが使われると、視覚的なサイズが目立って変化します。font-size-adjust は x 高とフォントサイズの比率を統一し、フォールバックフォントを優先フォントとほぼ同じ大きさに見せます。
Qfont-size-adjust プロパティの適切な値はどう選べばよいですか？
A値はフォントの x 高とフォントサイズの比率です。Verdana は約 0.58、Georgia は約 0.48 です。まず優先フォントの比率を測り、それを入力してからフォールバックの描画を確認します。新しい構文では auto も受け付け、ブラウザが値を計算します。
Qfont-size-adjust プロパティの現在のブラウザ対応状況はどうなっていますか？
ASafari と Firefox は長年対応しています。Chrome と Edge はバージョン 127 から対応しました。古い Chrome はこのプロパティを無視するため、フォールバックフォントのサイズが不揃いになります。公開前に対象ブラウザを確認してください。
font-size
font-size-adjust — text-fonts チュートリアル

📚 関連チュートリアル

CSS フォント解説
フォントのフォールバックと視覚的な一貫性について学ぶ。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%