これで、ターゲット要素の幅が1200pxの時に、文字サイズ30pxで表示されるように設定できました。追加するとページ全体が『編集モード』になります。編集したい要素の上で右クリックしてコンテキストメニューを表示し、『検証』をクリックします。値も自動的に再計算されます。※キーボードの↑↓矢印でも値を変更できます。100ずつ変更できます。コピーするとお使いのHTML編集ソフト等に貼り付ける事が出来ます。基本的な使い方は以上です。削除して編集モードを解除して下さい。表示速度が速くなります。と各要素の『基準文字サイズ』data-fs="30"の比率『1200:30』を常に保つようにしています。0.5秒おきに計算しています。後ろに数字1文字を追加して下さい。Chromeなど、Webブラウザには小さすぎて読みにくい文字を自動的に大きく表示するものがあります。9pxが最小文字サイズになっています。8px、6px等の規制があります。PCは10px以上、スマホは8px以上になるようにデザインして下さい。関連記事LP制作ツールLPをもっと簡単に制作したい!というご要望に応えて、簡単にSEO対応のLPが制作できるLP制作ツールを公開しました。画像の上にテキストをレイアウトしてFFLの基本レイアウトが制作できます。レスポンシブのフォントサイズは「ff」を使うとズレないレスポンシブのfont-sizeに「ff」を使うと、rem,vw,%,em,px,calcよりも便利で正確に文字サイズの指定ができます。その他のfont-sizeのレスポンシブサイトでの基本的な指定方法と合わせて、「ff」の利便性を簡単に解説します。Googleも推奨してきたレスポンシブWebデザインですが、Googleのスピードアップデートによりページ速度を検索のランキング要因に使うようになった為、レスポンシブWebデザインのデメリットである表示速度の遅さが問題になって来ました。そこで、この記事ではそもそもレスポンシブとは何か?そしてレスポンシブサイトを高速化するにはどうすれば良いのかを解説します。