Web制作において、font-stretchの有用性は「可変フォント(Variable Fonts)」の普及によって劇的に向上しました。可変フォントとは、1つのフォントファイルの中に太さ(weight)や幅(stretch)などのあらゆるバリエーションを内包し、滑らかに数値を変化させられる画期的なフォント技術です。
最新のWeb標準仕様では、font-stretchに対して従来のキーワードだけでなく、「font-stretch: 75%;」や「font-stretch: 120%;」のようにパーセンテージ(%)の数値で直接プログラミングを行えるようになっています(100%が通常のnormal幅に相当します)。
これにより、見出しの文字数やスマートフォン・パソコンの画面幅(レスポンシブデザイン)に合わせて、文字幅を「ミリ単位」で滑らかに可変させることが可能になりました。
画面の小さなスマートフォン表示で長い見出しが不自然に何行にも折り返されてしまうような場面でも、font-stretchを活用して文字幅をわずかにタイト(例:90%)に引き締めることで、デザインの美しさと視認性を高度に両立させることができます。訪問者がストレスなく快適に情報をインプットできる事業用ホームページを構築し、企業のブランド価値やWeb集客の成果を高めていくために、非常に効果的なタイポグラフィ技術です。
電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器
PR