Nota sérsniðnar leturgerðir á vefsíðum
Textinn innihald hefur alltaf verið mikilvægur hluti af vefsíðum, en á fyrstu dögum vefsins voru hönnuðir og verktaki mjög takmarkaðir í ritvinnslu sem þeir höfðu á vefsíðum sínum. Þetta felur í sér takmörkun á letri sem þeir gátu notað á öruggan hátt á síðum sínum. Þú hefur líklega heyrt hugtakið "Vefur Öruggur leturgerðir" sem nefnd eru í fortíðinni. Þetta vísaði til þess að litla leturgerðin væri mjög líkleg til að vera með á tölvu einstaklingsins, sem þýðir að ef þú notar síðuna einn af þessum leturgerðum væri öruggt veðmál að það væri rétt á vafra einstaklinga.
Í dag eru sérfræðingar á vefnum með fjölda nýrra leturs og gerð valkosta til að vinna með, þar af er WOFF sniðið.
Hvað er WOFF?
WOFF er skammstöfun sem stendur fyrir "Web Open Font Format." Það er notað til að þjappa leturgerð til notkunar með CSS @ font-face eigninni. Það er leið til að fella inn letur á vefsíðum þannig að þú getir notað sérhæfða letur fyrir utan dæmigerð "Arial, Times New Roman, Georgia" - sem eru nokkrar af fyrrnefndum öruggum leturgerðum.
WOFF var lögð fram á W3C sem staðal fyrir leturgerð fyrir vefsíður. Það varð að vinna drög á 16. nóvember 2010. Í dag höfum við í raun WOFF 2.0, sem bætir þjöppunina frá fyrstu útgáfu sniðsins um tæp 30%. Í sumum tilvikum geta þessi sparnaður verið enn meira efnisleg!
Af hverju notaðu WOFF?
Vefritgerðir, þ.mt þau sem afhent eru með WOFF-sniði, veita mikið af kostum yfir öðrum leturvalkostum. Eins gagnlegt og þessi öruggur leturgerðir hafa verið, og það er vissulega enn staður fyrir þessi leturgerðir í vinnunni okkar, það er gott að einnig auka val okkar og opna leturgerðir okkar.
WOFF leturgerðir hafa eftirfarandi kosti:
- Þau eru aðgengilegari en leturgerðir sem myndir. WOFF stíll látlaus HTML texta með CSS, gefur þér aðgengi og hönnun stjórn sem myndir mun ekki leyfa fyrir.
- WOFF skrár innihalda stafrænar upplýsingar eins og samhengisform og gömul stíl tölur. Þetta gefur vefsíðum betri leturfræði vegna þess að þú notar rétt stafi, ekki bara nálgun.
- WOFF leturgerðir geta hjálpað við alþjóðavæðingu vegna þess að þú getur embed letur með stafi frá öðrum tungumálum.
- Eins og allir CSS stíll texti, leturgerðir stíl með WOFF eru fleiri leitarvél vingjarnlegur. Leitarvélar sjá "ekki" texta sem er embed in í mynd, og á meðan ALT-texti getur hjálpað, er engin staðgengill fyrir textann sjálfan.
- WOFF letur eru þjappaðir, svo þau eru minni en aðrar tegundir leturskráa. Þetta mun hjálpa við niðurhalshraða og frammistöðu.
- Þú getur notað WOFF skrár til að varðveita vörumerki þitt með því að fella inn leturgerðir þínar sem WOFF skrár.
WOFF vafra stuðningur
WOFF hefur framúrskarandi vafra stuðning í nútíma vafra, þar á meðal:
- Króm 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Það er í grundvallaratriðum stutt um borð í þessum dögum, með einum undantekninguna eru allar útgáfur af Opera Mini.
Hvernig á að nota WOFF skírnarfontur
Til að nota WOFF skrá þarftu að hlaða WOFF skrá inn á vefþjóninn þinn, gefa honum nafn með @ font-face eigninni og þá hringja í leturgerðina í CSS þínum. Til dæmis:
- Hlaða inn leturnum sem heitir myWoffFont.woff í / leturskrána á vefþjóninum.
- Í CSS skránum þínum er bætt við @ font-face hluta:
@ letur-andlit {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') snið ('woff');
}
- Bættu nýju leturnafninu (myWoffFont) við CSS leturgerðina þína, eins og þú myndir nefna annað leturheiti:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Hvar á að fá WOFF skírnarfontur
Það eru tveir frábærir staðir sem þú getur fundið mikið af WOFF leturum sem eru ókeypis fyrir atvinnuhúsnæði og ekki í viðskiptalegum tilgangi:
- Opna letur bókasafns
- Letur íkorna
Ef þú hefur leyfi til að nota leturgerð sem ekki er tiltækt á WOFF sniði, getur þú notað WOFF höfund eins og við letur íkorna til að umbreyta leturskrám þínum í WOFF skrár. Það er líka skipanalínu tól sem kallast sfnt2woff sem þú getur notað á Macintosh og Windows til að breyta TrueType / OpenType leturunum þínum í WOFF.
Hlaða niður tvöfaltinu sem er viðeigandi fyrir kerfið þitt og keyra það á stjórnalínunni (eða Terminal) og fylgdu leiðbeiningunum.
WOFF Dæmi
Hér eru nokkur dæmi um WOFF skrár: WOFF Page á HTML5 í 24 klst.
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard á 7/11/17