今日のりェブタむポグラフィ。 パヌトv

パヌトI- パヌトII- パヌトIII- パヌトIV- パヌトV-パヌトVI



パヌトv





明らかに、ハむテクの分野では、開発が頻繁に急速に行われたす。 これは、情報を衚瀺する手段で起こりたした。 箄2〜3幎間、通垞のCRTモニタヌは、ほが完党に完党に完党に眮き換えられ、急速に安䟡なLCDモニタヌに眮き換えられたした。 これにより、ディスプレむのゞオメトリず色再珟の䞡方を倧幅に改善するだけでなく、有害なちら぀きがないため目の疲劎を軜枛するこずができたした。 そしお、数幎前にTFTパネルを支持するそのような声明に異議が唱えられたずしおも、この事実は疑いを生じさせたせん。LCDディスプレむは普通のナヌザヌの日垞の仕事にははるかに優れおいたす。 この芁因に関連しお、定性的に新しいフォントマッピングアルゎリズムを怜玢するこずが必芁になりたした。 これらの゜リュヌションの1぀は、すぐにではありたせんが、ナヌザヌの間である皋床認知されおおり、今日では、最新のプラットフォヌムでほが最も人気がありたす。 もちろん、これはClearTypeレンダリングテクノロゞヌに関するものであり、これが新しいWeb指向フォントの開発の理由でした...





この技術の本質を語るのは意味がありたせん。 サブピクセルレンダリングを䜿甚するず、画面䞊のフォントの最高品質のスムヌゞングを実珟できたす。 しかし、誰かが文字の呚りに芋える「カラフルなハロヌ」を奜たないかもしれたせんが、これは習慣の問題です。 さらに、ここには倚くの重芁な芁玠もありたす。











この技術は決しお䞀時的に凍結されたものではなく、コンピュヌタヌ業界のように絶えず進化しおいたす。 したがっお、VistaのClearTypeアルゎリズムは、Windows XPよりもわずかに優れた方法で実装されおいたす。 明らかに、今埌のりィヌンおよびシステムの埌続バヌゞョンでは、この方法は匕き続き最適化および掗緎されたす。



私の䞻芳的な意芋では、サブピクセルアンチ゚むリアシングはMacOS Xクォヌツベクトルレンダリングテクノロゞヌに最もよく実装されおおり、Leopardの方がTigerよりも少し良く芋えたす。 たた、UNIXシステムのナヌザヌには、 FreeTypeアドむンがありたす。これにより、スクリヌンフォントの非垞に高品質のアンチ゚むリアスを実珟できたす。



䞀般に、5幎前にXPではっきりず区別できる「カラフル」に悩たされおいた堎合したがっお、ClearTypeディスプレむをオフにしお、混合されおいない文字を「楜しんだ」今ポピヌに。



ただし、これらはささいなこずではありたせん。 䞻なこずは、倧手゜フトりェアメヌカヌがClearTypeたたはアナログに䟝存しおおり、倱われおいないずいう事実です。 技術は改善されおおり、時間の経過ずずもにほが100のアプリケヌションが提䟛されたす。 この広範な実装プロセスがどのくらいの期間行われたすか-時間はわかりたすが、デザむナヌはこの技術たたは同様の技術を䜿甚しお平滑化されたテキストに焊点を圓おるべきであるず自信を持っお蚀えたす。



実際、ClearTypeの登堎により、Microsoftは、定性的に滑らかなテキストが登堎するたで10幎にわたっお機胜しおいた叀いCore Fonts For Webセットに代わる新しいフォントセットを開発するようになりたした。 10幎前のこのセットのフォントの欠陥を肉県で確認できる䟋を既に怜蚎したした。 新しいテクノロゞヌには、新しいフォントが必芁でした。



繰り返しになりたすが、Ascender Corporationの専門家は、 ClearType Fonts Collectionに統合された䞀連のヘッドセットを開発するこずで、Microsoftを救いたした。 これらのフォントは、最新のWebデザむンにずっお非垞に興味深いものであるため、より詳现に怜蚎したしょう。



このセットは、Microsoft Office 2007スむヌトの䞀郚ずしお初めお登堎し、埌にWindows Vistaの䞀郚になりたした。



以前のバヌゞョンのWindows2000、2003サヌバヌ、XPのナヌザヌは、 PowerPoint Viewer 2007を無料でダりンロヌドできたす。むンストヌルするず、ClearType Fonts Collectionのすべおのフォントがシステムに衚瀺されたす。 これらの「フォント」は、Microsoft macOffice 2008ず䞀緒に「ポピヌ」に到達できたす。LinuxファミリのOSおよび他のUNIXシステムでのみ、暙準配信にはそのようなフォントはただありたせん。 ただし、個別に賌入するこずも、Ascender Corporationから完党なセットずしお賌入するこずもできたす。 ただし、この堎合の需芁は䟛絊も芏制するため、これらのフォントを任意のOSで自由に䜿甚できるようにするこずは問題ではなく、芁望がありたす。



そのため、このフォントセットには7぀のフォントが含たれおいたす Segoe UIがよく蚀及されおいたすが、このキットには含たれおいたせんが、Windows Vistaシステムフォントです。 それらはすべおOpenType圢匏で衚瀺され、非垞に広範囲のUnicode文字拡匵キリル文字を含むが含たれおいたす。 䞀郚の名前は「Ca–」で始たり、他の名前は「Co–」で始たるため、このキットはCoCa-FontsたたはC-Fontsず呌ばれるこずもありたす。



これらのフォントは次のずおりです。











Cariadingsフォントは 、 WingdingsやWebdingsヘッドセットのように、非垞にたれな特定の堎合にのみ適した絵文字蚘号ずパタヌンのみを含むため、特に重芁ではありたせんたずえば、「ブレティン」や新聞レむアりトの終了暙識を蚭蚈する堎合。



しかし、他の6぀のフォントは非垞に興味深いものです。



䞀芋したずころ、それらに぀いお特別なこずや特別なこずは䜕もないようです。 グロテスク Calibri 、 Candara 、 Corbel 、 骚qu品 CambriaおよびConstantia 、1぀の等幅フォント Consolas をテヌマにした通垞のバリ゚ヌションのようです。



アンチ゚むリアシングが無効になっおいる通垞のCRTディスプレむおよびLCDでは、これらのフォントは蚘憶に残るArialたたはTimes New Romanよりも良く芋えたせん。 プリンタヌで印刷するずきも、顕著なゲむンは芋぀かりたせん。 しかし、 Cambriaフォントが印刷に䜿甚されおいる堎合がありたした。 慣れ芪しんだあるタむプセッタヌは、革呜前の䞀連のテキストを暡倣するのに適したアンティヌクを長い間芋぀けるこずができたせんでした。特に「斜䜓」の文字がよく芋えるフォントを芋぀けるこずができたせんでした。 Cambriaはこれらの目的にも可胜な限り適切であり、䞀般的に、この印刷されたフォントの感芚は、ヘッドセットの盞察的な若さにもかかわらず、やや「昔ながら」です。



たた、サブピクセルレンダリングアルゎリズムをオンにするず、各Cヘッドセットを䜿甚する際にすぐに顕著な利点になりたす。 これがどのように起こるか芋おみたしょう。



Calibriは、2005幎にオランダのデザむナヌLucas de GrootによっおMicrosoft向けに蚭蚈されたグロテスクなヘッドセットのファミリです。 このフォントは、システムフォントカテゎリでタむプディレクタヌズクラブのタむプデザむンコンペティション賞を受賞したした。



Calibriには、小さなピンの可読性に最も圱響を䞎える䞞いストロヌクず倚くの䞞い芁玠がありたす。 䞀般的に、叀いヘッドセットに比べお非垞に奜たしい印象がありたす。 これは次の䟋で芋るこずができたす比范のため、 Tahomaフォントのテキストを右偎に瀺したす。







この䟋では、 カリブリのポむントがわずかに少ないこずがわかりたす。 したがっお、このフォントのサむズはTahomaのサむズよりも1ポむント小さいようです。 䞋郚では、右偎の10ポむントず比范できるように、意図的に巊偎の10ポむントのポむントサむズを䜿甚したした。 ポむントは少ないですが、これにより、読みやすさははるかに高くなりたす。



以䞋は、 Calibriフォントが䟋でどのように芋えるかです AppleサむトずCo. / Guideの断片











党䜓ずしお、悪くはありたせん。 私の意芋では、 Myriad Proの堎合ほど゚レガントではありたせんが、 Lucida GrandeずTrebuchet MSに近いずころにありたす。 このフォントは、䞭皋床のヘッダヌ16〜20ポむントに倚少適しおいる小さなピン最倧12ポむントで最適に動䜜するこずがわかりたす。 Calibriは 、顕著な䞞みず単調さを備えおいるため、軜い読み物のメむンフォントずしおはあたり適しおいたせん。 確かに、䜕䞖玀も前に確立されたように、この堎合のヒュヌマニスティックなフォントは時代遅れのものよりも著しく劣りたすが、個々の断片を匷調しお匷調するのに最適です。



したがっお、Microsoft Office 2007/2008がTimes New RomanではなくデフォルトでCalibriを䜿甚する理由は明らかではありたせん。 私には、この決定がいくぶん䞍圓であるように思われたす。 実際、 Times New Romanフォントは、画面衚瀺にはあたり適しおいたせんが、印刷された文曞では䞀般的に芋栄えがしたした。 たた、 Calibriは逆に、むンタヌネット電子メヌル、チャット、Webペヌゞなどに適しおいるため、印刷物ではやや珍しく芋えたす。 数幎にわたっおいく぀かのワヌクフロヌ暙準が開発されおおり、セリフフォントが簡単に認識および読み取り可胜なビゞネスセクタヌでは、䞞みを垯びたストロヌクず文字を含むドキュメントの倖芳は新鮮に芋えたすが、それほどビゞネス的で厳密ではありたせん。 ある皋床たで、この事実は既にOffice 2007の賌入を拒吊し、より銎染みのあるOffice 2003での䜜業を奜むビゞネスマンの間ですでに怒りを匕き起こしおいたす。しかし、このトピックの文脈では、これはそれほど重芁ではありたせん。



Corbelは、2005幎にJeremy TankardによっおMicrosoft向けに蚭蚈されたグロテスクなヘッドセットのファミリヌであるCalibriの近芪者です。 たた、このフォントは小さなピンで読みやすく、ポむントが小さくなり、すべおのフィレットが滑らかになりたす。 叀いスタむルの極小の数字ず組み合わせお、非垞にスタむリッシュでモダンに芋えたす。



幟䜕孊的な芳点から、 コヌベルは叀兞的なグロテスクず珟代のグロテスクのハむブリッドの䞀皮ず芋なすこずができたす。 フォントは、フォントデザむンのすべおの最新トレンドの圱響䞋で明確にデザむンされおいたす。 これは、埓来の方法で䜜業するこずを䜙儀なくされおいるデザむナヌの泚意を匕くこずはできたせんが、ファッショナブルなフォントを䜿甚しお機胜の範囲を拡倧したいず考えおいたす。

Corbelは、やや時代遅れのTahomaよりも、最倧12ポむントのピンでかなり良く芋えたす









Calibriず比范しお、 Corbelのストロヌクはわずかに现く、飜和床が䜎くなっおいたす。







これは、特にこのフォントの倪字のバリ゚ヌションが他のグロテスクほどゞュヌシヌではないため、倚数の癜いフィヌルドがある軜量で「颚通しの良い」サむトに圹立぀堎合がありたす。 しかし、小さなネガティブトラッキングでは、特に倧きなピンの堎合、文字はより゚レガントに芋えたす。







Corbelフォントの䟋は次のずおりです。











䞡方のフォント CalibriずCorbelは非垞に優れたグロテスクで、退屈したTahomaずVerdanaを眮き換えるのに非垞に適しおいたす。 しかし、Microsoftはさらに進んで、Webデザむナヌにずっお非垞に圹立぀別のフォントを開発するこずにしたした。



Candaraは、2006幎にデザむナヌのGary Munchによっお開発された奜奇心盛なグロテスクです。 以前のフォントずは、異垞な終了芁玠文字Qなど ずわずかに䞍均䞀でわずかに湟曲した垂盎ストロヌクによっお区別されたす。 したがっお、このヘッドセットは、人文䞻矩的なグロテスクにのみ起因するず考えられたすが、 カンダラによる本栌的な装食フォントずしおはほずんど衚瀺されたせん 。 むしろ、それは、タむポグラフィにおけるカゞュアルすべおの堎合ずむンシデントハむラむトず芋出しの方向のハむブリッドの䞀皮です。 ストロヌクの曲率が小さいため、 CalibriおよびCorbelず比范しお、小さなピンの可読性が倧幅に䜎䞋したす。







しかし、芋出し12ポむントより倧きいサむズでは、このヘッドセットはテキストをうたく埩掻させるこずができたすが、文字に少し「ゞャンプ」し、テキストに少し過剰な遊び心ず軜薄さを䞎えるので、それに倢䞭になるべきではありたせん。



䞀般的に、ブログや若者のコミュニティには、 Candaraが非垞に適しおいたすが、ビゞネス分野では、その適甚はやや䞍適切なようです。







3぀すべおのグロテスクで、文字lずdの実行スタむルが等しく実装されおいるこずは泚目に倀したす。 䞀郚の人にずっおは、これらの文字の巊斜めの傟斜は過床に誇匵されおいるように芋えたすが、党䜓的には非垞にモダンで迷惑ではありたせん







Cambriaは、2004幎にオランダのデザむナヌJelle Bosma、Steve Matteson、Robin Nicholasによっお䜜成された新しい叀代のヘッドセットです。 このフォントの特城は、叀兞的なタむプセットアンティヌクや、特城的なセリフず比范しお、垂盎方向に䞀定の䌞びがあるこずです。特城的なセリフは、倖偎は切り取られおいたせんが、゚ンドストロヌクで぀ながれおいたす。 これは、たずえば文字Cにはっきりず芋えたす。 フォント自䜓は幟䜕孊的に非垞にシンプルであり、倧たかな怜査では倚少叀颚なものでさえありたすが、実際にはかなり奇劙な実装であり、さたざたな分野で完党に衚瀺されおいたす。 圓初、その䜿甚は小さなテキストを印刷する分野たずえば、パッケヌゞングで蚈画されおいたしたが、 CambriaはWebタむポグラフィに適しおいたした。 Times New Romanず比范しお、このヘッドセットがどのように珟れるかを芋おみたしょう。







そしお、 ゞョヌゞアの隣サむズのサむズはここでわずかに倧きくなりたす







それには間違いなく䜕かがありたす。 ゞョヌゞアずカンブリアのどちらが良いかを確実に蚀うこずは䞍可胜です。 1぀目はより堅牢で゚レガントに芋え、2぀目はより新鮮で珍しいように芋えたす。



これらのフォントのヘッダヌは次のようになりたす。







この䟋からわかるように、 ゞョヌゞアの倧胆な顔は非垞に幅広で豊かですが、 カンブリアはよりコンパクトで厳栌なたたです。 ここでは、蚭蚈者が自由に遞択できたす。堎合によっおは、最倧のコントラストを埗るために、特に倧きなピン30ポむント以䞊の堎合はGeorgiaを䜿甚するこずをお勧めしたす。 しかし、 カンブリアは小さな字幕14-24ポむントにはるかに適しおおり、カゞュアルなフォントずしお非垞に適しおいたす。 私はすでにカンブリアのアプリケヌションを芋぀けたかなりの数のブログに䌚ったこずがありたすが、その䞭にはただロシア語を話す人はほずんどいたせん。 囜内のデザむナヌは、新しいヘッドセットをただ詊しおおらず、開発に非垞に慎重に適甚しおいたす。 䞀方、䞭皋床のただし小さすぎないピン12〜14ポむントを䜿甚する堎合、このフォントずうたく調和するのはブログず蚘事ペヌゞです。



私たちの䟋を芋おみたしょう











ここでは、旧匏のフォントが、異なる背景の裏地ず小さなピンのある耇数列のレむアりトにはあたり適しおいないこずがはっきりずわかりたす。 しかし、この蚘事は読みやすく、グロテスクな堎合よりも芖芚的によく認識されおいたす。



Constantiaは、2005幎にJohn Hudsonによっお開発されたClearType Fonts Collectionのもう1぀のアンティヌクです。



その特城的な特城は、その特城的な薄い台圢のくさび圢のセリフです。 コンスタンシアは、叀兞的、過枡的、四角い骚qu品ず珟代の骚qua品の間に䜍眮しおいたす。 最も䞀般的なフォントの䞭からコンスタンシアの盎接アナログを芋぀けるこずは非垞に困難です。これは、未登録の新鮮な゜リュヌションを探しおいるデザむナヌを喜ばせざるを埗たせん。



実際、このフォントで入力したテキストは、叀兞的なそしおかなり退屈なオプションず比范しお非垞に興味深いように芋えたす。







テキストはより明確か぀厳密に芋えたすが、いく぀かの顕著な効率がありたす。 Constantiaは 、ドキュメントや画面からの蚘事やブログの゚ントリを読むための䞻芁なフォントずしお、ビゞネス分野での䜿甚に明らかに適しおいたす。 そしお、ヘッダヌを曞く際に、 コンスタンシアは、䟋えば、 Times New Romanよりもずっずきれいに芋えたす







このヘッドセットがTimes New Romanの代替ずしお遞択されおおらず、Office 2007にデフォルトでむンストヌルされおいないこずは奇劙です。結局、ほずんどのビゞネスマンはプログラム蚭定で芏定されおいるものを倉曎せず、 Calibri以倖のCフォントも倚くありたす疑わないで



それ以倖の堎合、状況はCambriaの堎合ずほが同じです。耇数列レむアりト、ダむ䞊の小さなテキストおよび碑文の堎合、このフォントはほずんど圹に立ちたせんただし、兄匟よりも少し良く芋えたす。蚘事ずブログの゚ントリは芋た目が良く、新鮮でスタむリッシュです











ただし、考慮されるフォントのすべおの利点に぀いおは、いく぀かの小さな欠陥たたはむしろ䞍䟿がありたす。



たず、ほずんどすべおのフォント Calibriを陀くは非垞に小さい数字を䜿甚したす぀たり、倖郚芁玠を含む叀いスタむル。 ロシアの普通のナヌザヌはそのようなスペルオプションに遭遇するこずはあたりなかったので、慣れるのは非垞に難しく、遭遇した数字は目を痛め、䞍均䞀なけいれん的なスペルでむラむラするこずがありたす。



第二に、既に述べたように、フォントデザむナヌは、巊偎のみに面取りされた文字lおよびqの方が芋栄えが良いず考えたしたが、その䞀方で、これらの文字のむメヌゞが少し異なるこずはよく知られおいたす。



そしお第䞉に、これらのフォントはすべお文字数が削枛されおいたす。 これは、特に異なるプラットフォヌムで同じペヌゞの衚瀺を実珟しようずする開発者にずっお、非垞に重芁な芁玠です。 この堎合、型構造を䜿甚しお

body { font: 12pt Constantia, Georgia, “Times New Roman”, serif; }







Windows VistaナヌザヌにはConstantiaを䜿甚しおレむアりトが衚瀺され、Linux所有者には同じペヌゞが衚瀺されたすが、 Georgiaが衚瀺されたす。 この堎合、テキストは少し倧きく衚瀺され、レむアりト自䜓は歪みや広がりのあるテキストブロックの圱響を倧きく受ける可胜性がありたす。 そのため、サむトを蚭蚈するずきは、叀い実瞟のあるヘッドセット甚にサむトを最適化しおから、新しいフォントを远加する必芁がありたす。



そしお最埌に、コレクションの最埌のフォント-

コン゜ラス 。 これは、 Andale Mono 、 Lucida Console 、 Courier Newフォントを眮き換えるために蚭蚈された等幅ヘッドセットです。 このフォントは、オランダ人ルヌカスデグルヌトによっお蚭蚈されおいたす。 Consolasに぀いお特に興味深いものはありたせんが、ほずんどの等幅ヘッドセットでは䞀般的ではないむタリック䜓の存圚を陀きたす。 Consolasは 、偶然の䜿甚や偶発的な䜿甚には適しおいたせんが、プログラマヌやWeb開発者は感謝したす。 実際、このヘッドセットで入力されたプログラムテキストは、はるかによく知芚されたす。







Windows Vistaで導入されたもう1぀のフォントはSegoe UIです。 ClearType Fonts Collectionには含たれおいたせんが、サブピクセルレンダリングを䜿甚した衚瀺甚に最適化されおいたす。 このフォントは、Vistaでボタンラベルずツヌルバヌを衚瀺するのに最適な、目立たないグロテスクです。 ただし、Webヘッドセットずしおも䜿甚できたす。 私はりェブサむトでSegoe UIを䜿甚するためのいく぀かのオプションに出䌚いたしたが、これはむしろ䟋倖です。 そしお、このフォントの存圚の合法性には疑問がありたす。MicrosoftずAdobeは、 Segoe UIずMyriadが有名なFrutigerヘッドセットによっお盗甚されたず芋なされおいるず告発されおいたす。 ただし、 反察意芋がありたす。 個人的には、私はこの立堎を取るこずを奜みたす。より良いフォントであり、より䞀般的であるほど、誰にずっおもより良いです。 そしお、それらは類䌌しおいるかどうか-違いは䜕ですか



そこで、最新の公開フォントを確認したした。 Microsoftが通垞ずは異なるものを手に入れたずは蚀えたせんが、ある皋床たでは、開発䞭に停止したWebタむポグラフィを埩掻させるこずが刀明したした。 フォントClearTypeフォントコレクションは非垞に新鮮に芋えるため、テキスト情報をより適切に認識できたす。 これたでのずころ、デザむナヌはこれらのフォントの䜿甚に非垞に譊戒しおおり、Windows VistaたたはOffice 2007を持たないナヌザヌの間での比范的䜎い普及率を恐れおいたす。䞀方、これらの補品の販売数は毎日増加しおおり、Cフォントの人気は倧幅に増加しおいたす昚幎ず比范しお。



マむクロ゜フトの自瀟補品を宣䌝するメリットを考慮するず、ClearWebフォントのほが普遍的な分垃を安党に予枬できたす。これはCoreWeb Fontsで発生したこずです。 そのため、新しいヘッドセットの有胜な䜿甚には特別な泚意を払う必芁がありたす。珟圚、それらのヘッドセットはさらに増えおいたす。



実隓するこずを恐れないでください



UPDすべおのタむポグラフィ愛奜家に、 この玠晎らしいビデオ英語を芖聎するこずを匷くお勧めしたす。 ;-)




All Articles