Përdorimi i shkronjave të personalizuara në faqet Web
Përmbajtja e tekstit ka qenë gjithmonë një pjesë e rëndësishme e faqeve, por në ditët e hershme të Web-it, dizajnerët dhe zhvilluesit ishin të kufizuar në kontrollin tipografik që kishin në faqet e tyre. Kjo përfshinte një kufizim në fontet që ata ishin në gjendje të përdorin me besueshmëri në faqet e tyre. Ju keni gjasa të keni dëgjuar termin "web fonts sigurt" të përmendura në të kaluarën. Kjo i referohej grupit të vogël të shkronjave që ishin shumë të ngjarë të përfshiheshin në kompjuterin e një personi, që do të thotë se në qoftë se një faqe përdorte një nga ato fonts, ishte një bast i sigurt se do të ishte bërë në mënyrë të saktë në shfletuesin e një personi.
Sot, profesionistët e uebit kanë një numër fontesh të reja dhe opsioneve të tipit për të punuar, një nga të cilat është formati WOFF.
Çfarë është WOFF?
WOFF është një akronim që nënkupton "Formati i Web Open Font". Është përdorur për të shtypur fontet për t'u përdorur me pronën CSS @ font-face. Kjo është një mënyrë për të futur fonts në faqet e internetit në mënyrë që ju mund të përdorni fonts të specializuara përtej "Arial, Times New Roman, Gjeorgji" tipike - të cilat janë disa nga ato fonts të sigurtë të internetit të lartpërmendur.
WOFF u dërgua në W3C si një standard për paketimin e fonts për faqet e internetit. U bë një draft pune më 16 nëntor 2010. Sot ne kemi WOFF 2.0, i cili përmirëson compression nga versioni i parë i formatit me gati 30%. Në disa raste, këto kursime mund të jenë edhe më substanciale!
Pse përdor WOFF?
Fletët e internetit, përfshirë ato të shpërndara përmes formatit WOFF, ofrojnë shumë avantazhe mbi zgjedhjet e tjera të shkronjave. Sa të dobishme sa ato fonts të sigurtë të internetit, dhe sigurisht që ka ende një vend për ato fontë në punën tonë, është mirë të zgjerojmë zgjedhjet tona dhe të hapim opsionet tona tipografike.
Fontet e WOFF kanë përfitimet e mëposhtme:
- Ata janë më të arritshëm sesa fonts si imazhe. WOFF stilet tekstin e thjeshtë HTML me CSS, duke ju dhënë akses dhe kontroll të dizajnit që imazhet nuk do të lejojnë.
- Dosjet WOFF përfshijnë informacionin tipografik si format kontekstuale dhe figurat e stilit të vjetër. Kjo u jep tipografive më të mira webfaqeve tuaja sepse jeni duke përdorur shkronja të sakta, jo vetëm përafrime.
- Fontet e WOFF mund të ndihmojnë me ndërkombëtarizimin, sepse ju mund të futni fontet me karaktere nga gjuhët e tjera.
- Ashtu si të gjithë tekstin e stilit CSS, fontet e stilit me WOFF janë më shumë motor kërkimi miqësor. Makinat e kërkimit nuk e "shohin" tekstin e ngulitur në një imazh, dhe ndërsa teksti ALT mund të ndihmojë, nuk ka zëvendësim për vetë tekstin.
- Fontet WOFF janë të ngjeshur, kështu që ato janë më të vogla se llojet e tjera të skedarëve të fonteve. Kjo do të ndihmojë me shpejtësinë e shkarkimit të faqes dhe performancën e përgjithshme.
- Ju mund të përdorni skedarë WOFF për të ruajtur identitetin tuaj të markës duke futur fontet e korporatës tuaj si skedarë WOFF.
Mbështetje Browser WOFF
WOFF ka mbështetje të shkëlqyeshme të shfletuesve në shfletuesit modernë, duke përfshirë:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Është e mbështetur në thelb në të gjithë bordi këto ditë, me përjashtim të vetmuar të gjitha versionet e Opera Mini.
Si të përdorni fontet WOFF
Për të përdorur një skedar WOFF, duhet të ngarkoni një skedar WOFF në web serverin tuaj, jepni një emër me pronën @ font-face dhe më pas telefononi fontin në CSS-në tuaj. Për shembull:
- Ngarko fontin që quhet myWoffFont.woff në directory / fonts të web serverit.
- Në skedarin tuaj CSS shtoni një seksion @ font-face:
@ font-face {
font-familja: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') format ('woff');
}
- Shtoni emrin e ri të fontit (myWoffFont) te rafti i shkronjave CSS, sikur të keni ndonjë emër tjetër të shkrimit:
p {
font-family: myWoffFont , Gjenevë, Arial, Helvetica, sans-serif;
}
Ku të Merrni WOFF Fonts
Ka dy vende të mrekullueshme që mund të gjeni shumë fontë WOFF që janë falas për përdorim komercial dhe jo-komercial:
- Biblioteka e Hapur Font
- Font e ketri
Nëse keni një licencë për të përdorur një font që nuk është i disponueshëm në një format WOFF, mund të përdorni një krijues WOFF si në Font Crixh për të kthyer skedarët tuaj të fonteve në skedarë WOFF. Ekziston edhe një mjet i komandës së quajtur sfnt2woff që mund ta përdorni në Macintosh dhe Windows për të kthyer fontet TrueType / OpenType në WOFF.
Shkarkoni binarin e përshtatshëm për sistemin tuaj dhe drejtojeni atë në rreshtin e komandave (ose Terminalin) dhe ndiqni udhëzimet.
Shembull WOFF
Këtu janë disa shembuj të skedarëve WOFF: Faqja WOFF në HTML5 në 24 orë.
Artikulli origjinal nga Jennifer Krynin. Redaktuar nga Jeremy Girard më 7/11/17