Keppeling oanpaste mappen op websteeën
Ynhâld fan tekst wie altyd in wichtich stikje webside, mar yn 'e begjin dagen fan' e webside, ûntwerper en ûntwikkelders wiene tige beheind yn 'e typografyske kontrôle dy't se oer har webside hawwe. Dit befette in beheining yn 'e lettertypen wêrtroch't se op betroubere opsjennings brûke koene. Jo hawwe wierskynlik de term "webfeilige lettertypen" neamd yn 'e ferline. Dizze ferwize nei de lytse set of lettertypen dy't tige wierskynlik opnij binne op in kompjûter fan in persoan, dat betsjuttet dat as jo side ien fan dizze lettertypen brûke, it wie in feilige bet dy't it korrekt op'e browser brûke soe.
Tsjintwurdich hawwe websteeën in host fan nije lettertypen en type opsjes om te wurkjen, wêrfan ien fan it WOFF-formaat is.
Wat is WOFF?
WOFF is in akronym dat stiet foar "Web Open Font Format". It wurdt brûkt om lettertypen te komprimearjen foar gebrûk mei it CSS @ lettertype-eigenskip. It is in manier om fonjes yn websiden te brûken, sadat jo spesjalere lettertypen jûn wurde kinne fan 'e typyske' Arial, Times New Roman, Georgia '- dy't inkele fan dizze net-alferbûne lettertypen binne.
WOFF waard ynstjoerd nei de W3C as standert foar fontekening fan fonken foar websiden. It waard op 16 novimber 2010 wurksum. Sûnt hjoed hawwe wy WOFF 2.0, dy't de komkomst fan 'e earste ferzje fan it formaat ferbettere troch hast 30%. Yn guon gefallen kinne dizze savings noch mear substaniel wêze!
Wêrom brûke WOFF?
Web fonts, ynklusief dy fia it WOFF-formaat, leverje in protte foardielen oer oare lettertypes. As brûkber as dizze webside feilige lettertypen binne west, en der is wis dan noch in plak foar dizze lettertypen yn ús wurk, it is leuk om ús karren ek út te wreidzjen en ús typografyske opsjes iepen te meitsjen.
WOFF-fonts hawwe de folgjende foardielen:
- Se binne tagonkliker tagelyk as lettertypen as ôfbyldings. WOFF stelt blank HTML-tekst mei CSS, jout jo tagonklikheid en ûntwerpkontrôle dat ôfbyldings net tastean.
- WOFF-bestannen binne typografyske ynformaasje as kontekstfoarmen en âlde stylfigueren. Dit jout jo websiden in bettere typografy om't jo de juste tekens brûke, net allinich asappaasjes.
- WOFF-fonts kinne helpe mei ynternasjonalisaasje omdat jo lettertypen ynbringe kinne mei tekens fan oare talen.
- Lykas alle CSS-stylearre tekst binne lettertypen mei WOFF stylearre. Search engines sjogge net "sjogge" tekst yn in byld ynboud, en ALT tekst kin helpe, der is gjin substitút foar de tekst sels.
- WOFF-fonts wurde komprimeard, sadat se lytser binne as oare types fan lettertypen. Dit sil help meitsje mei webstee downloadsnivo en totale prestaasjes.
- Jo kinne WOFF-bestannen brûke om jo merk-identiteit te bewarjen troch jo eigen bedriuwen letter as WOFF-bestannen te ynbieden.
WOFF Browser Support
WOFF hat geweldige browser-stipe yn moderne browsers, ynklusyf:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
It wurdt yn dizze dagen essentiell stipe troch it bestjoer, mei de ienige útsûndering binne alle ferzjes fan Opera Mini.
WOFF-fonken brûke
Om in WOFF-bestân te brûken, moatte jo in WOFF-bestân oan jo websserver ynlade, jou it in namme mei de @type-ferifieare eigenskip en nim dan it lettertype yn jo CSS. Bygelyks:
- Meitsje it lettertype dat myWoffFont.woff opnij yn 'e map / fonts fan' e webserver.
- Yn jo CSS-bestân taheakje in lokaasje @ font-face:
@ font-face {
font-family: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') formaat ('woff');
}
- Foegje de nije lettertypeNAME (myWoffFont) oan jo CSS-lettertype-stap, lykas jo in oare lettertype wiene:
p {
font-family: myWoffFont , Geneva, Arial, Helvetica, sans-serif;
}
WOFF Fonts te krijen
Der binne twa grutte plakken wêr't jo in soad WOFF-fonts fine kinne dy't frij binne foar kommersjele en net-kommersjeel gebrûk:
- Lettertafel iepenje
- Font Squirrel
As jo in lisinsje hawwe om in font te brûken, dat net beskikber is yn in WOFF-formaat, kinne jo in WOFF-skriuwer brûke as by Font Squirrel om jo lettertriemmen yn WOFF-bestannen te konvertearjen. Der is ek in kommando-rigel-ark dat sfnt2woff neamd wurdt dat jo op Macintosh en Windows brûke kinne om jo TrueType / OpenType-fonts yn WOFF te konvertearjen.
Ljep de binêre te passen oan jo systeem en fiere it by de kommandorine (of Terminal) en folgje de ynstruksjes.
WOFF bygelyks
Hjir binne in pear foarbylden fan WOFF-bestannen: WOFF-side op HTML5 yn 24 oeren.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 7/11/17