タイポグラフィ
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
デフォルトのテーマには、レイアウトグリッドとうまく連携するスタイルとフォントサイズのセットが用意されています。テーマの作成または使用の詳細については、テーマとスタイルを参照してください。
次の例では、タイポグラフィ オブジェクトの既定のフォント サイズが表示されます。
次のコード ブロックでは、既定のタイポグラフィ オブジェクトとそのすべてのプロパティを確認できます。
{ typography: { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "14px", "lineHeight": "24px", "fontWeight": "300", "fontSize1": { "fontSize": "12px", "fontWeight": "400", "lineHeight": "24px" }, "fontSize2": { "fontSize": "14px", "fontWeight": "400", "lineHeight": "24px" }, "fontSize3": { "fontSize": "16px", "fontWeight": "400", "lineHeight": "32px" }, "fontSize4": { "fontSize": "18px", "fontWeight": "400", "lineHeight": "32px" }, "fontSize5": { "fontSize": "20px", "fontWeight": "400", "lineHeight": "40px" }, "fontSize6": { "fontSize": "22px", "fontWeight": "400", "lineHeight": "40px" }, "fontSize7": { "fontSize": "24px", "fontWeight": "400", "lineHeight": "48px" }, "fontSize8": { "fontSize": "26px", "fontWeight": "400", "lineHeight": "48px" }, "h1": { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "28px", "fontWeight": "400", "lineHeight": "40px" }, "h2": { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "24px", "fontWeight": "400", "lineHeight": "36px" }, "h3": { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "20px", "fontWeight": "400", "lineHeight": "32px" }, "h4": { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "18px", "fontWeight": "500", "lineHeight": "28px" }, "h5": { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "16px", "fontWeight": "500", "lineHeight": "24px" }, "h6": { "fontFamilySystem": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif", "fontSize": "14px", "fontWeight": "500", "lineHeight": "20px" } } });