JQuery CSS Font-Face е размазано
Дизайнерите за печат се присмиваха на ограниченията на уеб дизайна, най-вече на избраните шрифтове, които поддържаха множество браузъри и операционни системи от ограничения набор от файлове с шрифтове, инсталирани с операционни системи и уеб браузъри. Иновациите в подмяната на шрифтове могат да премахнат тези ограничения и да поставят света на типографията в командването на уеб дизайнера и програмиста. Ако кодирате уебсайтовете си с комбинация от jQuery и CSS, за да приложите шрифтовите замяна към текста, някои от настройките, които можете да използвате заедно с тези технологии, определят дали текстът ви изглежда свеж или размазан в определени уеб браузъри.
Маркер за лицето за шрифт
Свойствата CSS, необходими за кодиране на шрифтове, работят правилно в 98% от браузъра, който се използва на настолните компютри от 2012 г. Шрифтът с лицето за лице предлага CSS свойства, които можете да използвате, за да посочите местоположението на уеб хостинг файлове с шрифтове във вграждаем формат, или на вашия собствен сървър, или на услуга за шрифтове на Web. Свойствата с лицето на шрифта ви позволяват да укажете тегла и стилове за достъп до всички членове на семейството с големи шрифтове. За да използвате обичайната типография с тагове на font-face, трябва да използвате шрифтове OpenType. Те могат да бъдат под формата на безплатна типография с отворен код, платени покупки на лицензи за шрифтове или платени абонаменти с диференцирани разходи за лицензи въз основа на нивото на трафика на уебсайта Ви.
JQuery и CSS
Библиотеката с JavaScript функции, известна като jQuery, ви дава възможност да добавяте мощ и гъвкавост към уеб програмирането. Неговите термини ускоряват използването на анимации, слайдшоу, манипулиране на атрибути, CSS свойства и достъп до AJAX данни за частични актуализации на страници без презареждане. Чрез комбинацията от jQuery и свойствата на шрифта можете динамично да преглеждате, задавате и премахвате типографски свойства. Например, можете да промените теглото или стила на част от текста, върху който потребителят кликне. За да използвате jQuery, можете да качите неговата библиотека на сайтовете си или да я отворите от хоствана мрежа за доставка на съдържание.
Свойства на CSS за браузъра
Въпреки че специфичното за браузъра кодиране заема много по-малко време от уеб програмистите, отколкото в ерата на Netscape и Explorer, различията все още съществуват, или за да бъдат приспособени или използвани. Отворен код WebKit браузър двигател, който е в основата на Apple Safari, Google Chrome и други браузъри и приложения включва свойство -webkit-font-изглаждане, което приема три стойности: "none", "subpixel-antialiased" и "antialiased". Изберете "none" ("няма") и целият ви тип визуализира без анти-псевдоним, оставяйки ръбовете му назъбени на криви и диагонали. Изберете "subpixel-antialiased", за да съответства на вида на визуализирания на друго място в настолните операционни системи, изгладен на ниво под индивидуалния пиксел. Изберете "antialiased" за изравняване на нивото на пикселите, което противодейства на прекалено смелия вид на субпикселно изобразяване на обратен тип в браузърите на WebKit - на цена.
Subpixel Rendering Vs. Anti-Aliasing
Всеки пиксел на LCD екрана всъщност се състои от три субпиксела един до друг: един червен, един зелен и един син. Освен ако не виждате екранното съдържание с голямо увеличение, тези подпиксели се смесват заедно. Способността им да се справят с тях поотделно им позволява да произвеждат диагонали и криви с допълнителна гладкост, изградени чрез включване на някои от цветните субпиксели по краищата на тези форми, които формират контурите на почти цялата типография. Опитът да се постигне този резултат с конвенционален пикселиращ антиалиасинг използва цели пиксели в нюанси на сивото, за да привлече окото към видими гладки форми, но в сравнение с чистите резултати, получени от адресирането на субпикселите, резултатът всъщност замъглява буквите.
Съображенията
Ако използвате свойството -webkit-font-Smoothing, настроено на "antialiased" вместо "subpixel-antialiased", ще видите по-тънък тип, който на пръв поглед изглежда по-чист и по-ясен за окото, особено когато го комбинирате с шрифта лицето да има достъп до широкообхватни типографски опции. Оставете новостта на неговата тънкост да се износва, и ще започнете да виждате неяснотата, която е резултат от изключването на субпикселовата извадка. По-конкретно върху малък тип и копие на тялото, това размазване може да направи трудно четене.