忍者ブログ

電子音楽 WEB制作(HP制作)

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

可変フォント(Variable Fonts)による精密な数値制御

Web制作において、font-stretchの有用性は「可変フォント(Variable Fonts)」の普及によって劇的に向上しました。可変フォントとは、1つのフォントファイルの中に太さ(weight)や幅(stretch)などのあらゆるバリエーションを内包し、滑らかに数値を変化させられる画期的なフォント技術です。

最新のWeb標準仕様では、font-stretchに対して従来のキーワードだけでなく、「font-stretch: 75%;」や「font-stretch: 120%;」のようにパーセンテージ(%)の数値で直接プログラミングを行えるようになっています(100%が通常のnormal幅に相当します)。
これにより、見出しの文字数やスマートフォン・パソコンの画面幅(レスポンシブデザイン)に合わせて、文字幅を「ミリ単位」で滑らかに可変させることが可能になりました。

画面の小さなスマートフォン表示で長い見出しが不自然に何行にも折り返されてしまうような場面でも、font-stretchを活用して文字幅をわずかにタイト(例:90%)に引き締めることで、デザインの美しさと視認性を高度に両立させることができます。訪問者がストレスなく快適に情報をインプットできる事業用ホームページを構築し、企業のブランド価値やWeb集客の成果を高めていくために、非常に効果的なタイポグラフィ技術です。

電子音楽制作とウェブサイト制作(ホームページ制作) たまに楽器

PR

コメント

現在、新しいコメントを受け付けない設定になっています。

最新記事

(06/17)
(06/16)
(06/09)
(05/26)
(05/19)
(04/11)
(04/11)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(04/03)
(03/28)
(03/06)
(02/27)
(01/22)
(12/28)
(12/27)

ホームページ制作Web関連

ホームページ制作・WordPressなどのWeb関連。 ホームページ制作会社・Web制作会社

Web制作

・ホームページ制作 Web制作 ・Webマーケティング ・SEOコンサルティング ・SEOライティング ・MEO ・Webサイトリニューアル設計 ・Webサイト保守・運用