15 Корисни алати за Веб типографију, библиотеке и оквири

Суочавање са типографијом на вебу било је стварно чудно. Сваки претраживач има свој алгоритам за приказивање фонтова што може довести до неочекиваних неслагања. Постоји само неколико ЦСС својстава које можете користити да бисте имали одређену контролу над фонтовима, као што је кернинг фонтова, изглађивање фонтова, креирање ДропЦапс-а итд. Поврх тога, морамо се носити са много проблема са изгледом када се ради о фонтовима.

Добра вијест је да постоје ресурси које можете користити да преузмете точак када се ради о типографији веб-локације. Овде су 15 веб алата, библиотека и оквира можете користити у ту сврху.

Више о Хонгкиату:

9 ВордПресс Плугинс Да бисте учинили више са вашим фонтовима
20 најбољих ВордПресс типографских додатака за побољшање читљивости
Боље и оштрије иконе корисничког интерфејса са веб фонтовима

ТипеРендеринг

Укратко, ТипеРендеринг ради слично као Модернизр, осим што идентификује само претраживачки механизам за приказивање фонтова. Ова библиотека додаје прилагођене класе на основу својих открића које се могу користити за примену посебних правила за стилизовање.

КернингЈС

Кернинг још није прилагодљив за употребу на вебу - фонт-кернинг подршка је још увијек слаба - али нова стандардна имовина долази на наш начин. КернингЈС је Јавасцрипт библиотека која вам даје неколико нових својстава за бољу контролу контроле, на пример -леттер-керн.

 #хеадинг -леттер-керн: 1пк 1пк 0 0 0 1пк 0 2пк 0 0 0 0 0;

Имајте на уму да је горе наведени пример нестандардан и примењив само са КернингЈС-ом.

ДропцапЈС

Иако је креирање дропцап-а изводљиво са тренутним ЦСС стандардима, исход још није савршен. Понекад је потпуно непожељно. ДропцапЈС, развијен од стране Адобе Веб Платформа, задужен је да омогући веб дизајнеру да лако примени савршен дропцап.

ЛинингЈС

ЛинингЈС је ЈаваСцрипт библиотека која додаје лине класе у сваком реду вашег параграфа. Ово вам омогућава да стилизујете линију одвојено. Симулира идеју :: нтх-лине (), :: нтх-ласт-лине () и :: ласт-лине псеудо-класа која још није присутна у ЦСС-у. Ево примера како стилизујемо прву линију пасуса са ЛинингЈС:

 п .лине [фирст] фонт-веигхт: 600; тект-трансформ: велика слова;

Поред тога, ЛинингЈС такође подржава кинески ток протока.

УндерлинеЈС

УндерлинеЈС је ЈаваСцрипт библиотека која боље подцртава текст. Погледајте демо да видите шта мислим, будите сигурни да лебдите изнад линија. Упоредите демо са подвученим излазом тренутног ЦСС-а тект-децоратион стандардно и ви бисте вероватно били и љубитељ ундерлинеЈС-а.

ФловТипе

Овај додатак ће динамички подесити величину фонта на основу специфичне ширине омотача. ФловТипе вам помаже да примените идеалан број знакова по линији на било којој ширини екрана. Библиотека долази са опцијама у којима се може подесити мин / мак ширина екрана, мин / мак величина фонта и однос фонта.

ХатцхСхов

ХатцхСхов проширује величину фонта тако да попуни цијелу ширину спремника. Додатак функционише из кутије са алгоритмом; Укратко, он мери ширину контејнера и дужину карактера фонта и додаје одговарајућу величину фонта.

ГридЛовер

ГридЛовер је одличан алат за генерисање основних стилова за аранжман типографије (величина, висина линије и маргина) помоћу једноставног корисничког интерфејса клизача. Генерише стилове у СЦСС, ЛЕСС и Стилус тако да га можете одмах укључити у пројекат без обзира на ЦСС-Препроцессор који користите.

ТипеСцале

ТипеСцале је онлине алат који ће вам помоћи да лако одредите праву величину фонта за вашу веб локацију. Алат пружа једноставан интуитиван ГУИ за уметање основне величине фонта, скале и породице фонтова које желите да користите. Резултати ће бити визуализовани за вас тако да можете играти са скалом, да бисте добили праву вредност. Само зграбите ЦСС када завршите.

Модулар Сцале

Модулар Сцале је алат за генерисање идеалног скалирања фонтова за текст тијела и наслова. Излази у Сасс-у, који би требало користити заједно са Сасс библиотеком. Алтернативно, можете користити ЈаваСцрипт .

Фонт-то-Видтх

Фонт-то-Видтх (ФТВ) је Јавасцрипт библиотека која чини фонт прилагођен његовој ширини спремника. Он ће одредити величину фонта заједно са размаком између речи који је потребан за фонт. Ако желите да направите добар наслов, ово је библиотека коју можда желите да пробате.

ФФФФаллбацк

ФФФФаллбацк, згодан алат који вам омогућава да пронађете најбољи стог фонтова који ће се деградирати елегантно. Алат се појављује у облику боокмарклет-а, који ће анализирати породицу фонтова на вашој страници и предложити скуп фонтова који ће се користити као резервна.

Фонт Паир

Гоогле Фонт је једна од најпопуларнијих библиотека веб-фонтова коју користе милиони и угошћује преко 500 породица фонтова. Фонт Паир је колекција упарених Гоогле фонтова, где можете пронаћи различите комбинације између фонт фонтова и лако уписати лица. Фонт Паир чини бирање упаривања фонтова мало мање неодољивим.

ТипеСеттингс

ТипеСеттингс је скуп скупа правила за ЦСС који дефинише правилно скалирање фонта, вертикални ритам и одговарајући однос типографије. ТипеСеттингс долази у Сасс и Стилус, што омогућава флексибилност да задовољи ваше пројектне потребе подешавањем варијабли.

Типеплате

Типеплате је вероватно један од најкомплетнијих стартера за постављање типографије. Типеплате се испоручује са неколико основних типографских стилова који адресирају скалирање, боје, мали капитал, дропцап, увлачење, цртање, блоцккуоте, кодни блок и много више ствари.

Сада прочитајте: Сховцасе Веб Десигнс витх Беаутифул Типограпхи