HTML/CSSこんにちは、メンタのまさやです。今回はレスポンシブフォントについてお話しします。6月に行われるIEの廃止によりclampが使いやすくなりました。それにより実装しやすくなったのがフォントサイズをvwで指定するレスポンシブフォントです。今まではpx(rem)にてフォントサイズを指定してきました。これでは画像のように全ての画面幅で同じ比率の大きさにはなりません。そのため画面幅によって予期しないところで改行が起きたりしていました。それを解決するのがこのレスポンシブフォントです。レスポンシブフォントの指定の仕方について詳しくわからない方は以下の動画をご覧ください。https://youtu.be/oXHmEK_z-lo?t=348真ん中のvwの決め方ここでは真ん中のvwの計算方法について話します。vwのままだと極端な話、画面幅が3000pxの時にフォントがすごく大きくなってしまいます。そのためどの画面幅以上で固定のフォントにするかを決めなければなりません。その画面幅が1200pxなのか1800pxなのかはデザイン次第かと思います。32px)と指定しています。これは3vwが32pxになる画面幅、つまり1066px(32➗0.03)くらいを超えるとフォントは32pxになって533px(16➗0.03)くらいを下回るとフォントサイズが16pxになります。することで画面幅533pxから1066pxの間はフォントが画像のように拡大、縮小します。32px)となり、615px以下で16pxになります。メンタのまさやと申します。高校卒業後、台湾の大学に進学しました。大学1年生の後期からWeb制作を独学で勉強し始めました。当時はすごく苦戦をし2年間全く稼げない期間がありました。それでも、クラウドワークスに提案をし続けながら、試行錯誤していました。するとある企業さんとご縁ができ、そこから一気にお仕事が増えました。【PC音痴から3ヶ月で】ITエンジニア内定・プロジェクトマネジメントまで行っています。メンタのまさやと申します。高校卒業後、台湾の大学に進学しました。大学1年生の後期からWeb制作を独学で勉強し始めました。私が使っているリセットCSSを共有します。アクセシビリティ【決定版】レスポンシブフォントとは??Webサイトの速度を上げる具体的な方法Markdown記法の書き方Markdownを使った書き方をご紹介します。約3,000名のメンターから選べるプログラミング、デザイン、マーケティング、起業など学びたいスキルでピンポイントに探せます。見つからない場合は、メンターを募集することも可能です。個別に教えてもらえるあなたが悩んでいることをダイレクトに相談して、マンツーマンで解決までたどり着くことができます。リーズナブルスクールなどの企業ではなく、個人のメンターと直契約するため比較的リーズナブルに教えてもらうことができます。