Dinamikus képcsere gyakorlati technikák és eszközök

A webes tervezéssel kapcsolatban a design kreativitását nem szabad hátráltatni a támogatott webes betűtípusok korlátozott választékával web-biztonságos betűtípusok. A tervezőknek szabadon kell használniuk a betűtípusokat, amelyeket preferáltak a címekhez és a tartalmakhoz.

2005-ben a dinamikus képcserét népszerűsítették egy elnevezett technikával Méretezhető Inman Flash csere (sIFR). Által kifejlesztett Shaun Inman, A sIFR kihasználja a Javascript és az Adobe Flash előnyeit, hogy a webes tervezők bármilyen tetszőleges betűtípust használhassanak a webhelyen, és továbbra is láthatók legyenek azok számára, akiknek nincs ilyen betűtípusuk. És mivel a web tovább fejlődik, ma több alternatív megoldást kínálunk különböző technológiák alkalmazásával, csak abban az esetben, ha nem vagy eléggé rajongója a Flash-nek.

További részletek nélkül nézzük meg néhányat technikák a dinamikus képcserék eléréséhez.

Gyakran használt technikák

Íme néhány a leggyakrabban alkalmazott módszerek a dinamikus képcserére.

Méretezhető Inman Flash csere (sIFR)

sIFR az egyik legnépszerűbb módszer a betűtípusok beágyazására a webhelyeken. A Javascript és a Flash használatával egyedi betűtípust hozhat létre a webhelyén, és lehetővé teszi az átalakított betűtípus kiválasztását. Ezen kívül a konvertált betűtípus a forráskódok szövegében marad, így a keresőmotor még mindig feltérképezheti őket.

sIFR 2 (ajánlott) a jelenlegi stabil kiadás, de ha megvizsgálja a sIFR végrehajtását, akkor ezt is tudnia kell siFR 3 Béta is letölthető. Lehet, hogy egy kicsit hibás, de legalábbis megoldja a betűtípus-bővítési problémát sIFR 2.

Eszközök a sIFR-hez, amelyek hasznosak lehetnek:

• sIFRvaultsIFRvault a letölthető sIFR betűkészletek tárolója.
• sIFR generátorOnline eszköz, amely lehetővé teszi, hogy néhány kattintással az egérrel sIFR .swf fájlokat hozzon létre. Egyszerűen töltse fel a konvertálni kívánt betűtípus TTF betűtípusát, előnézetet és letöltést.
• Konvertálja a betűtípusokat sIFR-reTöltsön fel egy .TTF betűtípust, és ez a webhely átalakítja őket a sIFR Flash fájlba.

sIFR Lite

Az eredeti sIFR 22k, így Dave úgy döntött, hogy egy objektumorientáltabb megközelítést és az eredményt átdolgozza? 3x kisebb 3.7k-nál.

PHP + CSS dinamikus szövegcsere (P + C DTR)

Ahogy a név is sugallja, ez egy szövegcsere-módszer, amely PHP-t és CSS-t használ, amely az eredeti, leírt módszert használja Steward Rosenberger. Ez egyben az előző verzió által fejlesztett továbbfejlesztés is R. Marie Cox amely nem támogatja a szöveges csomagolást és a belső címkéket. Egy másik jó dolog a P + C DTR-ben, a kép szövege testreszabható CSS-címkékkel.

typeface.js

Mitől typeface.js Különösen az, hogy csak a Javascript-et használják az egyéni betűtípusok beágyazására, és a stílust tovább lehet testre szabni a HTML és CSS használatával, nincs szükség Flash-re. Nyílt forráskódú és támogatja a legtöbb olyan böngészőt, amelyet ezekben a napokban használunk, függetlenül attól, hogy Safari, Firefox, IE (6 és újabb).

Személy szerint a typeface.js-al végzett néhány kísérlet után úgy gondoljuk, hogy van néhány lehetőség a fejlesztésre. Először is, a betűtípusok általában kissé eltérnek a böngészők között. Ha typeface.js-t használ, javasoljuk, hogy végezzen böngészőnkénti ellenőrzést, mielőtt feltételezné, hogy a Firefoxban látszik, hogy mit fog látni a Safari-ban. A szöveg nem választható a typeface.js fájlban.

Egyéni betűtípusok a typeface.js fájlban nincsenek fordítva; Ez azt jelenti, hogy a felhasználók letölthetik a betűtípusokat. Ez szerzői jogi problémához vezethet. Javasoljuk, hogy alaposan ellenőrizze, hogy a használt betűtípusok rendben vannak-e az újraelosztáshoz.

Cufon

Nincs szükség Flash-re, Cufon nagyszerű alternatívája a sIFR-nek, és nagyon egyszerű megvalósítani. Először a Cufon generátort használja a kívánt betűtípus létrehozásához és testreszabásához, majd a Cufon Javascript-et a forráskódjába helyezi, és megmondja a parancsfájlnak, hogy mely szelektorokat szeretné testreszabni.

A Cufon legnagyobb problémája a jogi kérdés, hogy ezeket az egyéni betűkészleteket online használják. Mivel a Javascript-be ágyazott, bárki könnyen meg tudja szakítani a forráskódot. A Cufon egyéni betűtípusai nem választhatók, ez a másik kikapcsol.

Facelift

Más néven Facelift képcsere (FLIR), ez egy másik nagyszerű módszer a sIFR számára, amely nem igényel Flash-t. Úgy néz ki, mintha más alternatíva lenne a sIFR Flash-kérdésében.

A Facelift a PHP és a PHP GD könyvtárát használja. Örökölnek az egyedi betűkészlet-helyettesítések örökölt problémájáról - nem tudják kiválasztani a szöveget. Ezen kívül úgy gondoljuk, hogy ez is nagyszerű.

További módszerek

A fenti technikák szélesebb körben használhatók, de észrevettünk néhány más módszert is, hogy a szöveget szép egyedi betűkészletekké alakítsuk át.

Típus Válasszon

TypeSelect a typeface.js, a jQuery, a vászon, a DATAURL, a CSS háttértulajdonságok és a valódi átfedésben lévő szöveg használatával a webhelyen egyéni betűtípust adhat meg. A szövegkiválasztás Firefox, Safari és még a Chrome-on is működik, de nem az IE.

Swf képcsere (swfIR)

swfIR lehetővé teszi a vizuális effektek széles választékának alkalmazását a webhelyén található összes képre. Például hozzáadhat bármilyen képet a webhelyén, és a swfIR hozzáad egy szegélyt, elforgatja a helymeghatározást, vagy akár árnyékokat is hozzáadhat hozzá.

Kilenc technika a CSS képcseréhez

Ezek nem dinamikus szövegcsere, hanem Chris Coyier kilenc különböző CSS technikát mutat be a szöveg helyettesítésére képpel; mindegyik egy jelentéskártyával, amely felsorolja az állapotot - mi van, ha a képek be / ki, CSS be / ki.

Font író

Font író A Scalable Inman Flash csere (sIFR) használatával módosíthatja a címeket egyéni betűtípusra. Mindössze annyit kell tennie, hogy megtalálja a betűtípust, kiválasztja azt, és beilleszti a kódot a fejbe, és a címet nem változtatja meg.

WordPress + dinamikus képcsere

Ha Ön egy WordPress felhasználó, aki dinamikus képcserélő megoldást keres a blog címéhez vagy akár tartalmához, valószínű, hogy vannak pluginek. Íme néhány szövegcsere-bővítmény, amiről tudunk.

sIFR WordPress bővítmény - WP sIFRWP sIFR az egyéni betűtípusok WordPress webhelyen történő beszerzésének bonyolultságának eltávolítása céljából jött létre. A WP sIFR használatával csak akkor kell feltöltenie SWF betűkészletfájlját a plugin könyvtárba, majd be kell jelentkeznie, aktiválnia és beállítania a stílusokat a Beállítások panelen..

Cufon WordPress bővítmény - WP-CufonAz egyetlen dolog, amit meg kell tenned a fontfiles konvertálása és a plugins könyvtárba való feltöltése. Engedélyezheti a helyettesítendő objektumokat a WordPress Admin menüjében.

Facelift képcsere (FLIR) Wordpress PluginFLIR a WordPress számára a SEO barátságos, és csak akkor teszi a képet a böngészőben, ha a JavaScript engedélyezve van. A HTML / XHTML-kód változatlan marad, ha a keresőmotorok olvashatóvá teszik a fejcímkéket, és az oldal olvasható a JavaScript nélküli felhasználók számára.

Font Burner vezérlőpultA Font író A Vezérlőpult plugin lehetővé teszi, hogy könnyedén hozzáadhasson a betűtípus-író honlapján elérhető 1000+ ingyenes betűtípushoz a WordPress témához.