Поток Контактная информация Наши работы Вйо Про нас

Современная типографика в вебе

Мно­гие сов­ре­мен­ные шри­фты со­дер­жат в се­бе кро­ме ин­фор­ма­ции в ви­де на­чер­та­ний зна­ков так­же раз­лич­ную до­пол­ни­тель­ную ин­фор­ма­цию:

  1. Кер­нинг — ин­фор­ма­ция о рас­сто­яни­ях меж­ду па­ра­ми букв.
  2. Ли­га­ту­ры — спе­ци­аль­ные на­чер­та­ния оп­ре­де­лен­ных пар и тро­ек букв.
  3. Аль­тер­на­тив­ные на­чер­та­ния бу­ков, та­кие как swash, ка­пи­тель (строч­ные бук­вы, сох­ра­ня­ющие тол­щи­ну штри­ха, но имею­щие кон­струк­цию про­пис­ных, а не про­сто умень­шен­ные про­пис­ные).
  4. Хин­тинг — до­пол­ни­тель­ная ин­фор­ма­ция о том, как отоб­ра­жать бу­квы на мо­ни­то­ре. По­мо­га­ет опер­ац­и­он­ной сис­те­ме и брау­зе­ру рен­де­рить шрифт так, что­бы он не был сма­зан­ным. Вни­ма­ние, это не сгла­жи­ва­ние.
  5. Ме­сто для цифр: tabular — все циф­ры име­ют оди­на­ко­вое про­стран­ство по ши­ри­не, как у мо­но­ши­рин­ных шриф­тов (по­лез­но для таб­лиц).
  6. По­зи­ция цифр — строч­ные и про­пис­ные циф­ры, ком­би­ни­ро­ва­ние цифр в кра­си­вые дро­би со сле­шом и ис­поль­зо­ва­ние пра­виль­ных на­пи­сан­ий фор­мул хи­ми­чес­ких эле­мен­тов.
  7. ... и мно­гое дру­гое.

Пред­ставь­те, это все уже да­вно ра­бо­та­ет в ве­бе.

Вот про­стой ге­не­ра­тор ко­да и кон­струк­тор. Сто­ит об­ра­тить вни­ма­ние, что не все шри­фты со­дер­жат в се­бе та­кие шту­ки, нуж­но про­бо­вать. Мож­но вста­вить шрифт, ле­жа­щий на ком­пь­юте­ре, про­сто впи­сав его наз­ва­ние в со­от­вет­ству­ющее по­ле (не имя фай­ла, а имен­но наз­ва­ние).

Пос­мот­реть, что мо­жет кру­той шрифт, мож­но здесь:

http://www.underware.nl/fonts/tripper/preface/ — об­ра­тите вни­мание, шрифт уме­ет ок­ра­шивать­ся в цве­та фла­га, и это не js-css-ма­гия.
http://www.underware.nl/fonts/liza/preface/ — шрифт с встро­ен­ным поч­ти ис­кус­твен­ным ин­теллек­том. Мож­но по­читать, сколь­ко все­го он учи­тыва­ет, ког­да пи­шет­ся сло­во.

За по­лез­ную ин­фор­ма­цию спа­си­бо Мы­коле Ко­валь­чу­ку.