width=device-width, initial-scale=1, viewport-fit=cover

font-size:14px;基準にした際の見え方

SP/PC時共通の設定

タイトルが入ります【2em(28px)】

1em(14px)
これはダミーテキストです。デザインやレイアウトの確認のために使用されます。
適度な文章量を持ち、視認性を確かめるのに最適です。実際のコンテンツが未確定の段階で、フォントサイズや行間の調整を行う際にも役立ちます。あえて意味を持たない文章にすることで、視覚的なバランスを優先できます。このようなテキストは、Webデザインや印刷物の制作過程でよく利用され、仮の内容を埋める際に便利です。

0.8em(11.2px)
これはダミーテキストです。デザインやレイアウトの確認のために使用されます。適度な文章量を持ち、視認性を確かめるのに最適です。実際のコンテンツが未確定の段階で、フォントサイズや行間の調整を行う際にも役立ちます。あえて意味を持たない文章にすることで、視覚的なバランスを優先できます。このようなテキストは、Webデザインや印刷物の制作過程でよく利用され、仮の内容を埋める際に便利です。

1em(14px) lh1.3
タイトルが入ります

font-size:16px;基準にした際の見え方

SP/PC時共通の設定

タイトルが入ります【2em(32px)】

1em(16px)
これはダミーテキストです。デザインやレイアウトの確認のために使用されます。
適度な文章量を持ち、視認性を確かめるのに最適です。実際のコンテンツが未確定の段階で、フォントサイズや行間の調整を行う際にも役立ちます。あえて意味を持たない文章にすることで、視覚的なバランスを優先できます。このようなテキストは、Webデザインや印刷物の制作過程でよく利用され、仮の内容を埋める際に便利です。

0.8em(12.8px)
これはダミーテキストです。デザインやレイアウトの確認のために使用されます。適度な文章量を持ち、視認性を確かめるのに最適です。実際のコンテンツが未確定の段階で、フォントサイズや行間の調整を行う際にも役立ちます。あえて意味を持たない文章にすることで、視覚的なバランスを優先できます。このようなテキストは、Webデザインや印刷物の制作過程でよく利用され、仮の内容を埋める際に便利です。

1em(16px) lh1.3
タイトルが入ります

ffont-size: clamp( 1.4rem, calc((100vw - 400px) * 0.003571 + 1.4rem), 1.6rem );

SP/PC時共通の設定

タイトルが入ります【2em(28px～32px)】

1em(14px～16px)
これはダミーテキストです。デザインやレイアウトの確認のために使用されます。
適度な文章量を持ち、視認性を確かめるのに最適です。実際のコンテンツが未確定の段階で、フォントサイズや行間の調整を行う際にも役立ちます。あえて意味を持たない文章にすることで、視覚的なバランスを優先できます。このようなテキストは、Webデザインや印刷物の制作過程でよく利用され、仮の内容を埋める際に便利です。

0.8em(11.2px～12.8px)
これはダミーテキストです。デザインやレイアウトの確認のために使用されます。適度な文章量を持ち、視認性を確かめるのに最適です。実際のコンテンツが未確定の段階で、フォントサイズや行間の調整を行う際にも役立ちます。あえて意味を持たない文章にすることで、視覚的なバランスを優先できます。このようなテキストは、Webデザインや印刷物の制作過程でよく利用され、仮の内容を埋める際に便利です。

1em(14px～16px) lh1.3
タイトルが入ります