Dünaamilise kujutise asendamise praktilised meetodid ja tööriistad
Veebidisaini puhul ei tohiks disaini loovust takistada toetatud veebifontide piiratud valikuvõimalused veebi ohutuid fonte. Disaineritel peaks olema vabadus kasutada kõiki eelistatud kirju pealkirjadele ja sisule.
2005. Aastal tehti dünaamilise kujutise asendamine populaarse tehnika abil Skaalautuva Inmani Flashi asendamine (sIFR). Arendatud Shaun Inman, SIFR kasutab ära Javascripti ja Adobe Flashi, et võimaldada veebidisaineritel kasutada mis tahes kohandatud veebipõhiseid fonte ja säilitada nähtavus neile, kes seda fondi ei kasuta. Kuna veebi areneb, on meil tänapäeval rohkem alternatiivseid lahendusi, kasutades erinevaid tehnoloogiaid, kui te ei ole Flashi fänn..
Täiendavalt ei vaata, vaatame mõningaid dünaamiliste kujutiste asendamiseks.
Tavaliselt kasutatavad tehnikad
Siin on mõned kõige sagedamini kasutatavad meetodid dünaamiliste kujutiste asendamiseks.
Skaalautuva Inmani Flashi asendamine (sIFR)
sIFR on üks populaarsemaid meetodeid kohandatud fontide sisestamiseks veebisaitidele. See kasutab Javascripti ja Flashi, et luua oma veebisaidile kohandatud kirjatüüp ja võimaldada konverteeritud kirjatüüpi valida. Peale selle jääb konverteeritud kirjatüüp allikakoodidena tekstiks, nii et otsingumootor neid veel indekseerib.
sIFR 2 (soovitatav) on praegune stabiilne vabanemine, kuid kui te vaatate SIFRi rakendamist, peaksite seda ka teadma siFR 3 beeta on ka allalaadimiseks saadaval. See võib olla natuke lollakas, kuid vähemalt see lahendab fontide laiendamise probleemi sIFR 2.
SIFRi tööriistad, mis võivad olla kasulikud:
- sIFRvaultsIFRvault on allalaaditavate sIFR-fondide hoidla.
- sIFR generaatorOnline-tööriist, mis võimaldab teil hiire mõne hiireklõpsuga luua sIFR-faile .swf. Lihtsalt laadige üles font, mida soovite teisendada, eelvaadata ja alla laadida.
- Teisenda fontid sIFRiksLaadige üles .TTF-font ja see veebisait teisendatakse sIFR Flash-failiks.
sIFR Lite
Algne sIFR on 22k, seega Dave otsustas selle ümbertöötada, kasutades rohkem objektorienteeritud lähenemist ja tulemust? 3x väiksem kui 3.7k.
PHP + CSS dünaamilise teksti asendamine (P + C DTR)
Nagu nimigi ütleb, on tegemist tekstivahetusmeetodiga, mis kasutab PHP ja CSS, mis kasutavad algselt kirjeldatud meetodit Steward Rosenberger. Samuti on see täiustatud eelmisest versioonist, mille on välja töötanud R. Marie Cox mis ei toeta teksti mähistamist ja sisemisi silte. Teine lahedam asi P + C DTR-is on, et pilditeksti saab kohandada CSS-sildiga.
typeface.js
Mis teeb typeface.js eriline on see, et nad kasutavad Javascripti ainult kohandatud fontide kinnistamiseks ja stiili saab veelgi kohandada HTML-i ja CSS-iga, ei vaja Flashi. See on avatud lähtekoodiga ja toetab enamikku brausereid, mida me nendel päevadel kasutame, olenemata sellest, kas see on Safari, Firefox, IE (6 ja uuem).
Isiklikult pärast mõningaid eksperimente koos typeface.js-ga arvame, et võib olla mõningaid võimalikke arenguruumi. Esiteks kalduvad fondid erinevate brauserite puhul veidi erinevaks. Kui kasutate typeface.js-i, soovitame teil teha brauserite kontroll, enne kui eeldate, mida Firefoxis näete, mida näete Safaris. Tekst ei ole ka typeface.js abil valitav.
Kohandatud fonte kirjas typeface.js ei koostata; tähendab, et kasutajad saavad fonte alla laadida. See võib põhjustada autoriõiguse probleemi. On soovitatav, et kontrollisite põhjalikult, et veenduda, et kasutatavad fondid on ümberjaotamiseks õiged.
Cufon
Flashi ei nõuta, Cufon on suurepärane alternatiiv sIFRile ja see on üsna lihtne rakendada. Esmalt kasutate Cufoni generaatorit soovitud fontide loomiseks ja kohandamiseks, seejärel sisestate Cufoni Javascript oma lähtekoodi ja ütlete skriptile, millised valijad soovite, et fontid oleksid kohandatud.
Suurim probleem Cufoniga oleks juriidiline küsimus nende kohandatud fontide kasutamisest võrgus. Kuna see on JavaScripti sisse lülitatud, saab seda kummagi, kes lähtekoodi vaatab, hõlpsasti riputada. Cufoni kohandatud fonte ei saa valida, see on teine välja lülitada.
Facelift
Tuntud ka kui Facelift pildi asendamine (FLIR), see on veel üks suurepärane meetod sIFR-i jaoks, mis ei vaja Flashi. Paistab, et sifri Flash-probleemi puhul on löögi teine alternatiiv.
Facelift kasutab PHP ja PHP GD raamatukogu. Nad pärivad kohandatud fontide asendamise probleemi - ei suuda teksti valida. Peale selle arvame, et ka see on suurepärane.
Rohkem meetodeid
Ülaltoodud tehnikad võivad olla laialdasemalt kasutatavad, kuid me oleme märganud ka muid võimalusi, et anda oma tekstile ilusad kohandatud kirjatüübid.
Tüüp Vali
TypeSelect võimendustüüp: typeface.js, jQuery, lõuend, toDataURL, CSS taustaomadused ja tegelik kattuv tekst, et anda oma veebisaidile kohandatud kirjatüüp. Teksti valik toimib Firefoxis, Safaris ja isegi Chrome'is, kuid mitte IE-s.
Swf pildi asendamine (swfIR)
swfIR annab teile võimaluse visuaalsete efektide valiku rakendamiseks teie veebisaidi mis tahes või kõigile piltidele. Näiteks saate oma veebisaidile lisada pilte ja swfIR lisab rounderi, pöörab positsioneerimist või isegi lisab sellele varje.
Üheksa tehnikat CSS-i pildi asendamiseks
Need ei ole dünaamilised teksti asendused, vaid Chris Coyier demonstreerib kuni üheksa erinevat CSS-tehnikat teksti asendamiseks piltidega; igaühel on aruannete kaart, milles on loetletud - mis on siis, kui pildid on sisse / välja lülitatud, CSS on sisse / välja lülitatud.
Font Burner
Font Burner skaleeritava Inman Flashi asenduse (sIFR) võimendust, et muuta oma pealkirjad kohandatud fontiks. Kõik, mida pead tegema, on leida font, valib selle ja sisestada koodi pea ning teie pealkiri muutub aja jooksul.
WordPress + dünaamiline pildi asendamine
Kui olete WordPressi kasutaja, kes otsib oma blogi pealkirja või isegi sisu jaoks dünaamilist kujutise asendamise lahendust, siis on nende jaoks olemas plugin. Siin on mõned teksti asendamise pluginad, millest me teame.
sIFR WordPress Plugin - WP sIFRWP sIFR loodi selleks, et eemaldada kohandatud fontide hankimise raskused WordPressi saidil. WP sIFR-iga peate üles laadima oma SWF-fondifaili ainult plugina kataloogi ja seejärel logima sisse, aktiveerima ja konfigureerima kõik oma stiilid paneeli Seaded.
Cufon WordPress plugin - WP-CufonAinus asi, mida sa pead tegema, on fontfailide teisendamine ja nende lisamine pluginate kataloogi. Saate lubada asendada objektid, mida soovite asendada WordPressi administraatorimenüüs.
Facelift Image Replacment (FLIR) Wordpress PluginFLIR WordPress on SEO sõbralik ja muudab pildi ainult brauseris, kui JavaScript on lubatud. Teie HTML / XHTML-kood jääb muutumatuks, jättes otsingumootorid lugemiseks peamärgid ja lehe, mida saavad lugeda need, kellel ei ole JavaScripti.
Font Burneri juhtpaneelThe Font Burner Juhtpaneeli plugin võimaldab teil WordPressi teemale hõlpsasti lisada mis tahes 1000 + tasuta fonti, mis on saadaval Font Burneri veebisaidil.
