Kohalike fontide kasutamine veebilehtedel
Teksti sisu on alati olnud oluline veebisaitide tükk, kuid veebi esimestel päevadel olid disainerid ja arendajad tüpograafiakontrollis tugevalt piiratud nende veebisaitidega. See hõlmas ka fontide piirangut, mida nad suutis usaldusväärselt oma saitidel kasutada. Võib-olla kuulsite varem mainitud terminit "veebi turvalised fonte". See viitab väikesele fontide komplektile, mis olid väga tõenäoliselt inimese arvutisse sisestatud, mis tähendab, et kui sait kasutab ühte neist fontidest, oli see kindel ennustus, et see kuvatakse inimese brauseris korrektselt.
Praegu on veebiprofessionaalidel palju uusi fonte ja tüübi võimalusi, millest üks on WOFF-vormingus.
Mis on WOFF?
WOFF on akronüüm, mis tähistab "Web Open Font Format". Seda kasutatakse krüpteeringute kasutamiseks CSS @ font-face'i vara jaoks. See on viis, kuidas fonte veebisaitidesse lisada, et saaksite kasutada spetsiaalseid fonte lisaks tavapärastele Arial, Times New Romani, Gruusia jaoks - mis on mõned neist eelpoolmainitud veebi turvalisest fontidest.
WOFF esitati W3C-le standardina veebilehtede fontide pakendamiseks. Sellele sai töötav eelnõu 16. novembril 2010. Täna on meil tegelikult WOFF 2.0, mis parandab vormingu esimese versiooni tihendust peaaegu 30% võrra. Mõnel juhul on need säästud veelgi olulisemad!
Miks kasutada WOFF?
Veebifonid, sealhulgas WOFF-vormingus edastatud fondid, pakuvad palju eeliseid teiste fontide valikute ees. Nagu kasulik, kuna need veebi turvalised kirjad on olnud ja meie töös on kindlasti veel nende fontide koht, on tore laiendada oma valikuid ja avada meie tüpograafilised valikud.
WOFF-fontidel on järgmised eelised:
- Need on pildidena ligipääsetavamad kui fonte. WOFFi stiilid on tavaline HTML-tekst koos CSS-iga, mis annab teile juurdepääsu ja disainikontrolli, mida pildid ei võimalda.
- WOFF-failide hulka kuuluvad tüpograafilised andmed, nagu kontekstuaalsed vormid ja vanad stiilid. See annab veebisaitidele paremat tüpograafiat, kuna kasutate õigeid märke, mitte ainult ligikaudseid väärtusi.
- WOFF-fondid võivad aidata rahvusvaheliseks, kuna võite fonte kirjutada teiste keelte tähemärkidega.
- Nagu kõik CSS-i kujundatud tekstid, on fondi stiilis WOFF-iga rohkem otsingumootorit sõbralik. Otsingumootorid ei näe pilti, mis on pildi sisse lülitatud, ja kui ALT-tekst võib aidata, ei saa teksti ise asendada.
- WOFF-i fondid on tihendatud, nii et need on väiksemad kui muud tüüpi fondifailid. See aitab saidi allalaadimise kiirust ja üldist jõudlust.
- Võite kasutada WOFF-faile oma brändi identiteedi säilitamiseks, kaasates oma ettevõtte fonte WOFF-failidena.
WOFFi brauseri tugi
WOFFil on kaasaegses brauseris suurepärane brauseri tugi, sealhulgas:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Praegu toetatakse seda peamiselt tänapäeval, kusjuures üksinda on kõik Opera Mini versioonid.
Kuidas kasutada WOFF-i fonte
WOFF-faili kasutamiseks peate oma veebiserverisse üles laadima WOFF faili, andma sellele nime, millel on @ font-face'i vara, ja seejärel kutsuda oma CSS-i font. Näiteks:
- Laadige fondi nimega myWoffFont.woff üles veebiserveri / fonts kataloogi.
- Lisage CSS-failis @ font-face'i jaotis:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') formaadis ('woff');
}
- Lisage oma CSS-i font kuhjale uue fondi nime (myWoffFont), nagu oleksite mõni muu fondi nimi:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
Kust saada WOFFi fonte
Kaks suurepäraseid kohti saate leida palju WOFF-fonte, mis on tasuta kommerts- ja mitteäriliseks kasutamiseks:
- Ava Font Raamatukogu
- Fontide orav
Kui teil on litsents WOFF-vormingus saadaval oleva fondi kasutamiseks, saate fontide failide teisendamiseks WOFF-failidena kasutada WOFF-i looja nagu Fontidega. Samuti on käsurea tööriist nimega sfnt2woff, mida saate Macintoshis ja Windowsis TrueType / OpenType-fontide teisendamiseks WOFF-i saamiseks kasutada.
Laadige oma süsteemile sobiv binaar alla ja käivitage see käsureal (või terminalil) ja järgige juhiseid.
Näide WOFF
Siin on mõned näited WOFF-failidest: WOFF-i lehekülg HTML-vormingus 24 tunni jooksul.
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard, 7.11.17