このページはAIの支援を受けて翻訳されました。正文は英語の原文です。
このガイドラインの2005年版は、ここで最も直截な指示を与えていました。画面は読書にとって過酷な環境である、だからサンセリフ書体を使え、と。セリフは本文サイズでは視覚的ノイズと化し、細いストロークやニュアンスはレンダリングされない、という警告でした。当時のディスプレイに対しては、この助言は健全でした。現代のディスプレイに対しては、これはルールとしては引退させ、その根底に常にあった理由づけに置き換える必要があります。
2005年から変わったこと
オリジナルの推奨は、本当のところセリフについてのものではありませんでした。ピクセルについてのものだったのです。96 DPIのパネルでは、物理的に2〜3ピクセルの長さのセリフは、グリッドに吸着して不格好なスラブになるか、アンチエイリアスの霧の中に溶けるかのどちらかでした。細いストロークは途切れ、ブラケットのある曲線は階段状になりました。画面のためにデザインされたサンセリフ — Verdana、Tahoma とその同類、頑丈なモノラインのストロークとゆとりのある字間で描かれたもの — は、そのすべてを回避しました。それらを推奨することは、セリフを描けないレンダリングエンジンに対する防御的なデザインだったのです。
その制約は実質的に消滅しました。高密度ディスプレイはCSSピクセルあたり2〜3のデバイスピクセルをレンダリングし、細いセリフ、ストロークの抑揚、微妙な接合部を、印刷に迫る忠実度で描くのに十分です。その密度における現代のグレースケール・アンチエイリアシングは、曲線や斜線をきれいに処理します。そのような画面では、よく作られた本文用セリフとよく作られたサンセリフを同じ実効サイズで組めば、どちらも完全に判読可能です。より広範な読書研究もこれを反映しています。エックスハイト、サイズ、字間を統制すると、セリフとサンセリフのスタイル間で測定される読書速度と理解度の差は小さく、一貫しません。かつて連れ立って現れていたすべての要因から切り離されたセリフ/サンセリフという変数は、ほとんど何も説明しないのです。
古いルールの単純な逆転を防ぐ注意点が2つあります。第一に、標準密度のモニターは机の上に今なお一般的であり、そこでは繊細なセリフは依然として劣化します — 本文用に選ぶ書体はどれも、ヒンティングの品質とストロークの頑丈さがまだ物を言う等倍レンダリングで検証すべきです。第二に、そしてこのプロジェクトにとってより重要なことですが、ロービジョンのケースは平均的なケースではありません。
実際に判読性を予測するもの
スタイルの分類が選別基準として使えないなら、それに代わるのは短い構造的なチェックリストです — 第1.0章で導入したのと同じものを、ここでは候補書体の選択に適用します。
まずエックスハイト。エックスハイトの大きな書体は、名目サイズが示すよりも大きく読め、小さなサイズでもよく生き残ります。セリフの有無は関係ありません。現代の本文用セリフの多くは、どんな画面用サンセリフにも劣らないゆとりあるエックスハイトで描かれています。
次にアパーチャ。a、c、e、s における開いたカウンターと開いたアパーチャは、ぼやけや低い視力の下でも文字の同一性を保ちます。これは分類を横断します。開いていて判読しやすいセリフもあれば、閉じていて曖昧なサンセリフもあります。ジオメトリックサンセリフというジャンル — 大いに流行中です — は常習犯で、ほぼ円形の字形が互いに似通ってしまいます。
第三に文字の識別性。Il1テストを実行してください。大文字のI、小文字のl、数字の1を並べて組むのです。人気のサンセリフの多くはこれに完全に不合格で、Iとlを同一のストロークとしてレンダリングします — パスワード、コード、名前における実害のある危険です。皮肉なことに、セリフ書体はまさにこれらの文字をセリフが区別するため、自動的に合格する傾向があります。b/dとp/qの鏡像関係、そして字間が詰まるとmに融合しかねないrとnのペアも確認してください。
最後にレンダリング品質。インターフェイス向けの本文書体は、それが実際に使われる場所でテストすべきです。目標サイズで、高DPIと標準密度の両方の画面で、ライトモードとダークモードの両方で。フォントはファイルがどれだけ丁寧に作られているか — 低密度ラスタライズのためのヒンティング、小さなサイズでの字間設計 — に差があり、この職人技の次元は、セリフの有無よりも重要です。
ロービジョンにおけるニュアンス
ロービジョンの読者にとって、2005年の注意は和らげられた形で今も実質的な力を持ちます。低い視力はぼかしフィルターのように作用し、ぼやけの下では細部が最初の犠牲者になります。コントラストの強いセリフのデザイン — 非常に細いヘアラインと繊細なセリフを持つもの — は細いストロークを失い、それとともに文字の構造を失います。頑丈で線の強弱の少ない書体はより穏やかに劣化し、その条件を満たす書体の多くはサンセリフかスラブ寄りのデザインです。したがって、カテゴリーとしてのルールは消えたものの、ロービジョン向け本文の実践的な重心は、頑丈で、開いていて、太さの均一な書体であり続けます — それは多くの場合、必然ではないにせよ、サンセリフになるでしょう。
装飾的で強く様式化された書体を連続したテキストに使うなという2005年の警告は、修正なしで有効です。装飾的な書体はスタイルのために文字の構造を犠牲にしており、視覚的な余裕が最も少ない読者が最も高い代償を払います。大きなサイズでのディスプレイ用途は、別の、より寛容な文脈です。
現代的な注意をもうひとつ。特定のスタイルがディスレクシアの読者にとって普遍的に優れているという主張は、慎重に扱うべきです。専用フォントは統制された研究において一貫した客観的優位を示していません。実際に役立つ特徴 — 文字の識別性、ゆとりのある字間、十分なサイズ — は、どの分類のよく作られた書体でも手に入りますし、ユーザーが調整できる設定は、どんな単一のフォント選択よりも役立ちます。
CSSでは
/* Screen for structure, not classification */
body {
/* Georgia: large x-height, open apertures, screen-hinted */
font-family: Georgia, Charter, "Bitstream Charter", serif;
}
.ui {
font-family: system-ui, sans-serif; /* the platform's proven face */
}推奨事項
- 「サンセリフのみ」をルールとしては引退させ、代わりに候補書体を構造的に評価すること。
- 本文には、大きなエックスハイト、開いたアパーチャ、均一で穏やかなストロークのコントラストを要求すること。
- Il1テストとb/d/p/qテストを適用し、文字が似通ってしまう書体は却下すること。
- ロービジョンが重要な文脈では、細いヘアラインを持つ強コントラストのデザインを避け、頑丈で線の強弱の少ない構造を選ぶこと。
- 実際のサイズで、高DPIだけでなく標準密度の画面でも、ライトとダークの両モードでレンダリングを検証すること。
- 装飾的で強く様式化された書体は、引き続き連続したテキストから除外すること。