HTML 5によるWebタイポグラフィの革命? それほど速くない

新世代のブラウザーはHTML 5をサポートし、すべての有用な革新に加えて、Webページで任意のフォントを使用する機能を備えています。 これだけが知られるようになったとき、多くのWebデザイナー(および特に印刷の仕事をしている人々)の幸福に限界はありませんでした。 それでも、Webでの使用に適した以前のフォントは、片手で数えることができ、今では一般的にあらゆるフォントを取得して配置できます。



当然のことながら、高度なWebデザイナーはすぐに次々にWebサイトを作成し始めました。 この顕著な例は、英国のスタジオMark Boulton Designのサイトです。 このスタジオのWebサイトのスクリーンショットを2枚撮って、Webページの非システムフォントがどのように見えるかを自分で確認できるようにしました。



この美しく仕上げられたテキストはすべて選択、コピー、迅速な置換が可能で、検索エンジンによって完全に索引付けされます。 ほんの一年前、私たちはそれについて夢を見ることができました。カスタム(非体系的)フォントにフラッシュと画像を使用することでした。 これがすべて最終的に遅れているのは素晴らしいことではありませんか? 素晴らしい、多様なWebタイポグラフィをようやく楽しむことができるのは素晴らしいことではありませんか? 誰もいません、苦しみの終わりはまだ近づいていません。



そして、ここに理由があります



ウェールズのこのスタジオは、私を含む他の多くのデザイナーと同様に、Macで動作します。 コンピューターでブラウザーを開いてWebサイトを見ると、本当に美しいタイポグラフィが見えます。 問題は、すべてのインターネットユーザーの90%以上を占めるWindowsユーザーが、すべてを異なって見るということです。











これらのスクリーンショットからわかるように、Windowsでの非標準フォントの表示は、フォントパターン、サイズ、スムージングの種類に応じて、許容できるものから見にくいものまでさまざまです。 Macでは、どこでもフォントは同じように見えます。 これは、AppleとMicrosoftが異なるフォントスムージングアルゴリズムを使用しているためです。



歴史的背景

フォントのレンダリングにおけるイデオロギーの違いを単純化すると、Appleはフォントパターンを最前面に配置し、Microsoftはピクセルグリッドを最前面に配置します。 Microsoftのアプローチでは、小さなピンのフォント表示をより明確にすることができますが、このためには特別なスクリーンフォントを開発する必要があります。 それらの開発は、通常のフォントの開発よりもはるかに面倒なプロセスですが、MSはそれを価値があると考え、同社のソフトウェア製品に付属する特別な多言語ヘッドセットを作成しました。 私たちは皆、それらを非常によく知っています-結局のところ、これらはWebデザインで使用する非常に標準的なフォントです。



10年前、 ClearTypeレンダリングテクノロジーが開発されていたとき、それはすべて論理的で関連性がありました。 しかし、時の試練はマイクロソフトのアプローチの近視眼性を示しました。 画面解像度の増加に伴い、大きなピンを表示する必要があり、ClearTypeはこのタスクに非常にうまく対処していません。フォントパターンが劣化し、つぶれます。 さらに、最初はディスプレイテクノロジー用のフォントを開発するための完全に適切なアイデアではなく、その逆も同様ではありませんでした。 ClearTypeテクノロジーが完全に存在する間、特別なフォントはほとんど開発されていないため、1年に1つのフォントのみを占めています。



これで、HTML 5を使用してWebページで任意のフォントを使用できるようになりました。これらのフォントはユーザー(Windowsユーザー)の画面上でひどく見えるため、これは役に立ちません。 ユーザーの90%を本質的に無視するデザインは、残りの10個がどれほど美しいとしても(最も楽観的な見積もりによると)貧弱なデザインであると言うのは不必要だと思います。



このように



上記のすべてから、非標準のフォントを使用したいが、それでも高品質のサイトを作成したい場合、次の3つの方法しかありません。

この記事では、少なくとも解決方法を考え出したライセンスの問題、およびパーソナルコンピューターにないフォントを表示する問題についてはまだ言及していません。 しかし、結論としては、私の意見では、Web上で限られた標準フォントと実績のあるフォントのセットを使用することは依然として重要です。



UPD

投稿のタイトルとテキストに重大な技術的エラーがあります。 非システムフォントが新しいブラウザー(1997年以降この機能をサポートしていたInternet Explorerを除く)でHTML 5と同時にサポートされているという事実は、HTML 5がそれと関係があることを意味しません。 非システムフォントを表示する機能は、CSSによって実装されます。



All Articles