WOFF Splet Odprt Font Format

Uporaba prilagojenih pisav na spletnih straneh

Vsebina besedila je bila vedno pomemben del spletnih mest, vendar so bili v prvih dneh spletnega oblikovalca in razvijalcev v tipografskem nadzoru, ki so ga imeli nad svojimi spletnimi stranmi, zelo omejeni. To je vključevalo omejitev pisav, ki so jih lahko zanesljivo uporabljale na svojih spletnih mestih. Verjetno ste slišali izraz »spletne varne pisave«, ki so bili omenjeni v preteklosti. To se je nanašalo na majhen nabor pisav, ki so bile zelo verjetno vključene v računalniku osebe, kar pomeni, da je bilo, če ste spletno mesto uporabili eno od teh pisav, varno stavo, ki bi jo pravilno prikazali v brskalniku osebe.

Danes imajo spletni strokovnjaki številne nove pisave in možnosti za delo, od katerih je ena oblika WOFF.

Kaj je WOFF?

WOFF je akronim, ki pomeni "Web Open Font Format." Uporablja se za stiskanje pisav za uporabo s CSS @ font-face lastnosti. To je način za vdelavo pisav na spletnih straneh, tako da lahko uporabite specializirane pisave, ki presegajo tipične "Arial, Times New Roman, Georgia" - ki so nekatere od zgoraj omenjenih spletnih varnih pisav.

WOFF je bil predložen W3C kot standard za pakiranje pisav za spletne strani. Dne 16. novembra 2010 je postal delovni osnutek. Danes imamo dejansko WOFF 2.0, kar izboljša stiskanje iz prve različice formata za skoraj 30%. V nekaterih primerih so lahko ti prihranki še bolj podstandirani!

Zakaj uporabljati WOFF?

Spletne pisave, vključno s tistimi, ki so dostavljene prek oblike WOFF, nudijo veliko prednosti pred drugimi izbirami pisav. Koristno, kot so bile te spletne varne pisave, in zagotovo je še vedno prostor za te pisave v našem delu, je lepo razširiti tudi naše izbire in odpreti naše tipografske možnosti.

Pisave WOFF imajo naslednje prednosti:

• So bolj dostopne kot pisave kot slike. WOFF slogi navaden HTML besedilo s CSS, ki vam omogoča dostopnost in oblikovanje nadzora, ki jih slike ne dovolijo.
• Datoteke WOFF vključujejo tipografske podatke, kot so kontekstualne oblike in številke starega sloga. To daje vašim spletnim stranem boljšo tipografijo, ker uporabljate pravilne znake in ne samo približke.

• Pisave WOFF lahko pomagajo pri internacionalizaciji, ker lahko vdelate pisave s črkami iz drugih jezikov.
• Kot vsa besedila v stilu CSS so pisave, oblikovane z WOFF, bolj prijazne do iskalnikov. Iskalniki ne vidijo besedila, vdelanega v sliko, in medtem, ko lahko besedilo ALT pomaga, ni nadomestka za sam tekst.
• Pisave WOFF so stisnjene, zato so manjše od drugih vrst datotek pisav. To vam bo pomagalo pri hitrosti prenosa spletnega mesta in splošni uspešnosti.
• Z WOFF datotekami lahko ohranite identiteto blagovne znamke z vdelavo korporativnih pisav kot datotek WOFF.

Podpora brskalnika WOFF

WOFF ima odlično podporo brskalniku v sodobnih brskalnikih, vključno z:

• Chrome 6+
• Firefox 3.6+
• Internet Explorer 9+
• Opera 11.1+
• Safari 5.1+

V bistvu je v teh dneh v glavnem podprta na celotnem forumu, pri čemer so izključne izjeme vse različice operaterja Opera Mini.

Kako uporabljati pisave WOFF

Če želite uporabiti datoteko WOFF, morate naložiti datoteko WOFF na vaš spletni strežnik, mu dati ime s lastnostjo @ font-face in nato poklicati pisavo v svojem CSS-u. Na primer:

1. Naložite pisavo z imenom myWoffFont.woff v imenik / fonts na spletnem strežniku.
2. V datoteki CSS dodajte razdelek @ font-face:

   @ font-face {
   font-family: myWoffFont;
   src: url ('/ fonts / myWoffFont.woff') format ('woff');
   }

1. Dodajte novo ime pisave (myWoffFont) v svoj stavek CSS pisave, kot bi vi imeli katero koli drugo ime pisave:

   p {
   font-family: myWoffFont , Ženeva, Arial, Helvetica, sans-serif;
   }

Kje dobiti WOFF pisave

Obstajata dve odlični kraji, kjer lahko najdete veliko WOFF pisav, ki so brezplačne za komercialno in nekomercialno uporabo:

• Odpri knjižnico knjižnic
• Font Squirrel

Če imate licenco za uporabo pisave, ki ni na voljo v obliki WOFF, lahko uporabite ustvarjalca WOFF, kot je Font Squirrel, da spremenite svoje pisave v datoteke WOFF. Obstaja tudi orodje za ukazno vrstico, imenovano sfnt2woff, ki ga lahko uporabite v sistemih Macintosh in Windows, če želite pretvoriti svoje pisave TrueType / OpenType v WOFF.

Prenesite binarni sistem, ki ustreza vašemu sistemu, in ga zaženite v ukazni vrstici (ali terminalu) in sledite navodilom.

Primer WOFF

Tukaj je nekaj primerov WOFF datotek: WOFF stran na HTML5 v 24 urah.

Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 7.11.17