Tinkintų šriftų naudojimas žiniatinklio puslapiuose
Teksto turinys visada buvo svarbus tinklalapių kūrinys, tačiau pirmosiomis žiniatinklio dienomis dizaineriai ir kūrėjai buvo labai riboti tipografinės kontrolės, kurią jie turėjo savo tinklalapiuose. Tai apima šriftų apribojimą, kurį jie galėjo patikimai naudoti savo svetainėse. Jūs tikriausiai girdėjote praeityje paminėtą "interneto saugių šriftų" sąvoką. Tai nurodė mažą šriftų rinkinį, kuris greičiausiai buvo įtrauktas į asmens kompiuterį, o tai reiškia, kad jei svetainė naudojo vieną iš šių šriftų, tai buvo saugus statymas, kuris būtų teisingai pritaikytas asmens naršyklėje.
Šiandien žiniatinklio profesionalai turi daugybę naujų šriftų ir tipo variantų, iš kurių vienas yra WOFF formato.
Kas yra WOFF?
WOFF yra akronimas, kuris reiškia "Web Open Font Format". Jis naudojamas norint suspausti šriftus naudoti su CSS @ font-face nuosavybe. Tai būdas įterpti šriftus į tinklalapius, kad galėtumėte naudoti specializuotus šriftus, viršijančius tipiškus "Arial", "Times New Roman", "Georgia" - tai yra keletas iš minėtų interneto saugių šriftų.
WOFF buvo pateiktas W3C kaip internetinių puslapių šriftų pakavimo standartas. 2010 m. Lapkričio 16 d. Jis tapo darbo projektu. Šiandien iš tikrųjų mes turime WOFF 2.0, kuris pagerina glaudinimą nuo pirmosios formato versijos beveik 30%. Kai kuriais atvejais šios taupymo galimybės gali būti dar didesnės!
Kodėl verta naudotis WOFF?
Interneto šriftai, įskaitant tuos, kurie pateikiami naudojant WOFF formatu, suteikia daug privalumų, palyginti su kitais šriftų pasirinkimais. Naudinga, nes šiuose tinklaraščiuose saugomi šriftai, ir, be abejo, šiuose šriftuose vis dar yra vieta mūsų darbe, malonu taip pat išplėsti savo pasirinkimus ir atverti mūsų tipografines parinktis.
WOFF šriftai turi šias pranašumus:
- Jie yra labiau prieinami nei šriftai kaip vaizdai. WOFF stiliai paprastas HTML tekstas su CSS, suteikiant jums prieinamumo ir dizaino kontrolės, kad vaizdai nebus.
- WOFF failuose yra tipografinės informacijos, tokios kaip kontekstinės formos ir senojo stiliaus duomenys. Tai leidžia jūsų tinklalapiams geriau spausdinti, nes naudojate teisingus simbolius, o ne tik apytikslius.
- WOFF šriftai gali padėti internacionalizuoti, nes galite įterpti šriftus su kitų kalbų simboliais.
- Kaip ir visi CSS stiliaus tekstai, šriftai, kurių stiliai yra WOFF, yra labiau draugiška paieškos sistemai. Paieškos sistemos "nemato" teksto, įterpto į vaizdą, o ALT tekstas gali padėti, pats tekstas negali būti pakeistas.
- WOFF šriftai yra suspausti, todėl jie yra mažesni nei kitų tipų šrifto failai. Tai padės užtikrinti svetainės atsisiuntimo greitį ir bendrą našumą.
- Galite naudoti WOFF failus, kad išsaugotumėte savo prekės ženklą, įterpdami savo įmonės šriftus kaip WOFF failus.
WOFF naršyklės palaikymas
"WOFF" turi puikų naršyklės palaikymą šiuolaikinėse naršyklėse, įskaitant:
- "Chrome" 6+
- "Firefox 3.6+"
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Šiomis dienomis iš esmės palaikoma visur, o vienintelė išimtis yra visos "Opera Mini" versijos.
Kaip naudotis WOFF šriftais
Kad galėtumėte naudoti WOFF failą, turite į savo interneto serverį įkelti WOFF failą, suteikite jai vardą su @ font-face nuosavybe ir paskambinkite šriftą savo CSS. Pavyzdžiui:
- Įkelkite šriftą, pavadintą myWoffFont.woff, į žiniatinklio serverio / fonts katalogą.
- Į savo CSS failą pridėti @ font-face skyrių:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') formatas ('woff');
}
- Įtraukite naują šriftą (myWoffFont) į jūsų CSS šrifto kampaniją, kaip ir kitas šriftų pavadinimas:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Kur gauti WOFF šriftai
Yra dvi puikios vietos, kuriose rasite daug WOFF šriftų, kurie yra nemokami komerciniam ir nekomerciniam naudojimui:
- Atidaryti šriftų biblioteką
- Šriftas voverė
Jei turite licenciją naudoti šriftą, kuris nėra WOFF formatu, galite naudoti WOFF kūrėją, panašų į "Font Squirrel", norėdami konvertuoti šrifto failus į WOFF failus. Taip pat yra komandinės eilutės įrankis, vadinamas sfnt2woff, kurį galite naudoti "Macintosh" sistemoje ir "Windows", kad konvertuotumėte savo TrueType / OpenType šriftus į WOFF.
Atsisiųskite binary į savo sistemą ir paleiskite ją komandinėje eilutėje (arba terminale) ir vykdykite instrukcijas.
WOFF pavyzdys
Štai keletas WOFF failų pavyzdžių: WOFF puslapis per HTML5 per 24 valandas.
Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard 17/11/17