намеквайки шрифтове

Това е причината, поради която уеб дизайнери отдавна са повече или по-малко ограничени в избора на шрифтове до около десетина (Verdana, Грузия, Arial, и т.н.), за които ръчно модифициран така, че текстовете на типичните размери (9-14 пт) е добре показва в по-ниска резолюция. Тези шрифтове са толкова често срещани, че повечето компютърни потребители мислят, че са свободни, но в действителност, Verdana, например, е може би най-скъпо и отнема време вида, правен някога. Тя включва символите, използвани за създаване на етикети на изключително големия брой езици, като всеки от тези знаци трябва да се коригира, така че да са разбираеми във всеки размер на шрифта, от 9 до 60 точки (при 60 резолюция нанометра е достатъчна, за да се покаже форма писма точно ). С други думи, всяка от повече от 890 герои е ревизирана много пъти, по един за всеки размер на шрифта.

Версия на Fedra Sans екран с Хинтоване, който променя оригиналния пътя към мрежата съответства на екрана на компютъра.

Контурите на Fedra Sans екран с различни размери. Обърнете внимание на това как различни схеми, за да се постигне оптимална четливост на екрана. В действителност, всеки знак трябва да обработва отново и отново за всеки размер в пиксели.
Това е намеквайки: програмиране инструкции, които едва доловимо коригират растеризиране на шрифта — процесът, чрез който е математически сложни схеми се прехвърлят в пиксели на монитора. Ловуващо може да контролира височините и ширините на малки и големи текстови знаци, ширината на отделните линии на бяло пространство около буквите, размер, от които главни букви са различни от малки ширина основните канали се променя ъгъла на ръкописни знаци, за да отговарят по-добре на пикселите мрежата и много други технически подробности все още на един пиксел по пиксел основа. Това звучи като доста процес досадно и отнема време. И начина, по който е (Даша шрифта dizatsnerov, които са свикнали с процеса на досадно и отнема време).

А преди няколко години имаше един забележителен вести, свързани с появата на @ шрифт в лице - функция, която дава възможност да се покаже на уеб страница, всеки шрифт, освобождавайки дизайнери да се налага да използвате само "уеб-безопасно" -shrifty и откриването на нови възможности за дизайн. (Не на последно място от които - създаването на корпоративна идентичност, която изглежда по същия начин и върху печата, и на интернет страницата). От друга страна, поради това, имаше и нови проблеми, включително и напълно нещастен показване на шрифтове на екрана, без да намеква. И както намеква досаден, трудоемко и, както мнозина смятат, скоро ще otzhivot сами, 99% от всички шрифтове, дори търговски, намеквайки не съм.

Близък план на Apple Mac Book Pro. На LCD монитора (LCD, дисплеи с плосък екран), всеки пиксел се състои от три елемента, всеки от които може да се контролира отделно. Supbikselnoe дисплей използва спецификата на начина, по който окото възприема цвят, като се използват нюанси на синьо, червено и зелено, за да се симулира по-висока разделителна способност на екрана.

Mac OS срещу Windows

Така че нека да насочим вниманието си към Windows: От своя стойност Хинтоване imeket. И обърнете внимание на шрифтовете TrueType, които в момента са по-добри от други.<

Ловуващо за черно-бял дисплей (подравняване решетка) на 1 бит.

Черно-бял дисплей без шрифта намеквайки 10 ppem, увеличаване до 200%

Черно-бял дисплей шрифта Хинтоване (Fedra Sans Screen) нива на сивото 10 ppem, увеличаване до 200%

Ловуващо за показване на сивото (хоризонтално и вертикално), 4 или 8 бита.

Anti-псевдоними - технология, която за първи път е въведена в Windows 98. Ако шрифта се показва на екрана, изглажда назъбени линии, боядисване на пикселите в различни нюанси на сивото. По този начин, растеризатора не се ограничава само с избора само между черно и бяло, и може да избере междинни стойности.

Показване на шрифта не намеква на сивото 10 ppem, увеличаване до 200%

Показване на шрифта Подсказване (Fedra Сан екран) сивата скала 10 ppem, увеличавайки до 200%

Показване на шрифта не намеква на сивото 15 ppem, увеличаване до 200%

Показване на шрифта Подсказване (Fedra Сан екран) сивата скала 15 ppem, увеличавайки до 200%

Ловуващо за показване на ClearType (хоризонтално само).

Това означава, че резолюцията на текста може да бъде до три пъти повече, но само хоризонтално. Това означава също, че символите не са подравнени с ClearType намеквайки по вертикалната ос, която ефективно намалява сложността на половина. Един шрифт 256 знака изисква около 40 часа, за да го накара да намеква.

Показване на шрифта намеквайки без използване ClearType 10 ppem, увеличавайки до 200%

Показване на шрифта Подсказване (Fedra Сан екран) с помощта на ClearType 10 ppem, увеличавайки до 200%

Показване на шрифта намеквайки без използване ClearType 15 ppem, увеличавайки до 200%

Показване на шрифта Подсказване (Fedra Сан екран) с помощта на ClearType 15 ppem, увеличавайки до 200%

Ловуващо за показване DirectWrite (хоризонтално и вертикално)

Показване на намеквайки Font без използване DirectWrite 10 ppem, увеличавайки до 200%

Показване на шрифта Подсказване (Fedra Сан екран) с използване DirectWrite 10 ppem, увеличавайки до 200%

Показване на намеквайки Font без използване DirectWrite 15 ppem, увеличавайки до 200%

Показване на шрифта Подсказване (Fedra Сан екран) с използване DirectWrite 15 ppem, увеличавайки до 200%

Дисплей шрифта намеквайки използване ClearType 31 ppem, увеличаване до 200%

Показване на шрифта Подсказване (Fedra Сан екран) с използване DirectWrite 31 ppem, увеличение от 200%. Сравнете сравнително плавни линии ClearType опция по-горе.

От теорията към практиката

Е, за дизайнер, какво означава всичко това? Подсказване може да подобри шрифта на дисплея. Въпреки това, тези шрифтове ще бъдат показани по различен начин в зависимост от растеризатора, в зависимост от платформата, и, често, в зависимост от браузъра. Сравнете, например, текста в Google Chrome и Firefox на същия компютър. Ако проектантът е важно и същ дисплей на работата му върху различни платформи, в избор на шрифтове, е необходимо също така да се обърне внимание.

От преводача:

Какво да се прави уеб-дизайнер в този случай, да не пърди в локва?

Повече за това може да се намери в отделна статия за това как да изберете шрифт за дизайн на уеб страница. С една дума:

На първо място, много внимателно изберете шрифт за малък текст. С изключение на "zapadlovym" използване "стандартни" шрифтове от списъка на уеб-безопасно.

На второ място, не забравяйте, че крайната дължина на изобразения текст ще бъде различен за различните операционни системи и различни браузъри (и дори височина! Само няколко пиксела, но понякога това е важно!), Така че не може да се разчита на него "пиксел по пиксел ".

И накрая, когато изборът е направен, не се мързеливи и да видите как ще изглежда в определен размер и за конкретен платформа. Изграждане на избрания от вас шрифт в страницата (шрифтове от Google Fonts са вградени страница можете да видите точно там).

Най-малкото, трябва да проверите на дисплея в Internet Explorer на Windows, в Google Chrome за Windows и Firefox за Windows, тъй като по-голямата част от потребителите в интернет са от тях. Дори ако работите на Mac, и вие сте прекалено мързеливи, за да се търси компютър с Windows, за това, че наистина се притеснява. Това не е имало неприятни изненади.

Външните връзки към запознаването: