Практичне технике и алати за замену динамичке слике

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

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

Без даљег одлагања, погледајмо неке од њих технике за постизање динамичких замена слике.

Најчешће коришћене технике

Ево неких од најчешће примењених техника за замену динамичке слике.

Сцалабле Инман Фласх Реплацемент (сИФР)

сИФР је један од најпопуларнијих метода за уграђивање прилагођених фонтова на веб странице. Користи Јавасцрипт и Фласх да би генерисао прилагођени тип за Вашу веб локацију и омогућава да се конвертовани фонти могу изабрати. Осим тога, претворени фонт остаје као текст у изворним кодовима, тако да их претраживач може и даље претраживати.

сИФР 2 (препоручује се) је тренутно стабилно издање, али ако сте у потрази за имплементацијом сИФР-а, морате то знати сиФР 3 бета је доступна и за преузимање. Можда је мало грешком, али бар решава проблем ширења фонта сИФР 2.

Алати за сИФР који би добро дошли:

сИФРваултсИФРваулт је спремиште сИФР фонтова које можете преузети.
сИФР ГенераторОнлине алат који вам омогућава да креирате сИФР .свф фајлове са неколико кликова мишем. Једноставно отпремите ТТФ фонт фонта који желите претворити, прегледајте и преузмите.
Претворите фонтове у сИФРОтпремите .ТТФ фонт и ова веб страница ће имати конвертоване у сИФР Фласх датотеку.

сИФР Лите

Оригинални сИФР је 22к, тако да Даве одлучио да је преради користећи више објектно оријентисан приступ и резултат? 3к мање на 3.7к.

ПХП + ЦСС динамичка замена текста (П + Ц ДТР)

Као што име сугерише, ово је метод замене текста који користи ПХП и ЦСС који користе оригинални метод описан у Стевард Росенбергер. То је такође побољшање из претходне верзије развијене од стране Р. Марие Цок која не подржава преламање текста и унутрашње ознаке. Још једна добра ствар код П + Ц ДТР-а је да се текст слике може прилагодити ЦСС ознакама.

типефаце.јс

Оно што чини типефаце.јс Посебно је да они користе Јавасцрипт само да уграђују прилагођене фонтове, а стил се може додатно прилагодити ХТМЛ-ом и ЦСС-ом, без потребе за Фласх-ом. То је опен соурце и подржава већину претраживача које користимо ових дана, било да је у питању Сафари, Фирефок, ИЕ (6 и више).

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

Прилагођени фонтови у типефаце.јс нису компајлирани; што значи да корисници могу да преузму фонтове. То би могло довести до проблема са ауторским правима. Препоручује се да пажљиво проверите да ли су фонтови које користите у реду за редистрибуцију.

Цуфон

Није потребан Фласх, Цуфон је одлична алтернатива за сИФР и прилично је једноставна за имплементацију. Прво, користите Цуфон генератор да генеришете и прилагодите фонт који желите, а затим убаците Цуфон Јавасцрипт у свој изворни код и кажете скрипту који селектори желите да се фонтови прилагођавају.

Највећи проблем са Цуфоном био би правни проблем кориштења ових прилагођених фонтова на мрежи. Будући да је уграђен у Јавасцрипт, може га лако копирати сватко тко погледа изворни код. Цуфон прилагођени фонтови се не могу изабрати, а други је искључен.

Фацелифт

Такође познат као Замена слике лица (ФЛИР), то је још један одличан метод за сИФР који не захтева ниједан Фласх. Изгледа да је и друга алтернатива погодна за фласх издање сИФР-а.

Фацелифт користи ПХП и ПХП ГД библиотеку. Они наслеђују наслеђени проблем прилагођених замена фонтова - не могу да изаберу текст. Осим тога, мислимо да је и то сјајно.

Море Метходс

Технике горе наведене могу бити шире коришћене, али приметили смо и неке друге начине да претворимо ваш текст у прелепе прилагођене типове.

Тип Изаберите

ТипеСелецт користи на фонту типефаце.јс, јКуери, платно, тоДатаУРЛ, ЦСС позадинске особине и прави оверлаиед текст како би дао прилагођени тип на вашем веб сајту. Избор текста ради на Фирефок-у, Сафари-ју и чак Цхроме-у, али не и на ИЕ.

Замена Свф слике (свфИР)

свфИР даје вам могућност да примените асортиман визуелних ефеката на било коју или све слике на вашем веб сајту. На пример, можете да додате било које слике на свој веб сајт и свфИР ће додати округлију границу, ротирати позиционирање или чак додати сенке.

Девет техника за замену ЦСС слика

Ово нису динамичке замене текста, већ Цхрис Цоииер демонстрира чак девет различитих ЦСС техника које замјењују текст сликама; сваки са извештајном картицом која наводи услов - шта ако су слике укључене / искључене, ЦСС је укључен / искључен.

Фонт Бурнер

Фонт Бурнер искористите Сцалабле Инман Фласх Реплацемент (сИФР) да бисте променили наслове у прилагођени фонт. Све што треба да урадите је да пронађете фонт, одаберете га и убаците код у главу и ваш наслов ће бити промењен за кратко време.

ВордПресс + Динамиц Имаге Реплацемент

Ако сте корисник програма ВордПресс који тражи решење за замену динамичке слике за наслов или чак садржај вашег блога, шансе су да постоји додатак за њих. Ево неких додатака за замену текста о којима смо сазнали.

сИФР Плугин ВордПресс - ВП сИФРВП сИФР створен је да уклони компликације од добијања прилагођених фонтова на ВордПресс локацији. Уз ВП сИФР, морате само да пренесете датотеку СВФ фонта у директоријум додатака, а затим се пријавите, активирате и конфигуришете све стилове на плочи за подешавања..

Цуфон плугин за ВордПресс - ВП-ЦуфонЈедина ствар коју морате да урадите је да конвертујете фонтове и да их поставите у директоријум додатака. Можете да омогућите објекте које желите да замените у Админ менију ВордПресс-а.

Фацелифт Имаге Реплацмент (ФЛИР) Плугин за ВордпрессФЛИР за ВордПресс је СЕО пријатељски и приказује само слику у прегледнику ако је ЈаваСцрипт омогућен. Ваш ХТМЛ / КСХТМЛ код остаје непромењен остављајући ваше тагове главе читљивим од стране претраживача, а страницу читати оне без ЈаваСцрипт-а.

Контролна табла програма БурнерТхе Фонт Бурнер Додатак контролне табле вам омогућава да лако додате било који од 1000+ бесплатних фонтова доступних на веб локацији Фонт Бурнер у ВордПресс тему.