Benotzdeest custom fonts on web pages
Textinhalt ass ëmmer e wichtege Stéck Websäiten, mä an de fréie Deeg vum Web hunn d'Designer an d'Entwerfer ganz schwéier an der typographescher Kontrolle beschränkt, déi se iwwer hire Websäite haten. Dëst war eng Begrenzung vun de Schrëften, déi se op senger Websäit zouverlässeg benotzen kënnen. Dir hutt wahrscheinlech de Begrëff "Web Safe Schrëften" genannt an an der Vergaangenheet. Dëst bezeechent de klenge Set vu Schrëften, déi héchstwahrscheinlech op Computer vun enger Persoun zougelooss hunn, wat heescht datt wann Dir eng vun dëse Schrëften benotzt, war et eng sécher Wäerter, datt et korrekt op engem Browser seng Persoun gewonnen huet.
Hautdesdaags hunn Websäiten en Host vun neie Schrëften an Optriede fir ze schaffen, mat deenen d'WOFF-Format ass.
Wat ass WOFF?
WOFF ass e Schrëftgréisst déi fir "Web Open Font Format" steet. Et gëtt benotzt Schrëften fir d'Verwaltung mat der CSS @ font-face-Eigenschaft ze kompriméieren. Et ass e Wee fir Schriften op Websäiten z'entwéckelen, sou datt Dir spezialiséiert Schrëften benotzt wéi déi typesch "Arial, Times New Roman, Georgia" - déi e puer vun dësen eegene Websäiten sinn.
WOFF ass de W3C als Standard fir Package Schrëften fir Websäiten ze ginn. Et gouf e schafft Draft um 16. November 2010. Haut hu mer eigentlech WOFF 2.0, wat d'Kompressioun vun der éischter Versioun vum Format ëm bal 30% verbessert. A gewëssen Fäll kënnen dës Erspuernmer nach méi substanial sinn!
Firwat benotzt WOFF?
Web fonts, och déi déi iwwer dem WOFF-Format geliwwert sinn, sinn vill Virdeeler iwwer aner Schrëft. Wéi nëtzlech wéi déi sëcher Schëffer sinn gewiesselt, an et ass sécherlech nach ëmmer Plaz fir dës Schrëften an eiser Aarbecht, et ass flott, och fir eis Choixen ze vergréisseren an erofhuelen eis typographesch Optiounen.
WOFF Schrëften hunn déi folgend Virdeeler:
- Si sinn méi zougänglech wéi Schrëften wéi Biller. WOFF Stile plain HTML Text mat CSS, déi Iech Zougänglechkeet an Design entwéckelt déi Biller net erlaben.
- WOFF Dateien goufen typographesch Informatiounen wéi kontextuellen Formen an alen Stilfiguren. Dëst gitt Är Websäiten besser Typographie, well Dir déi korrekt Zeechen benotzt, net nëmmen Approximatiounen.
- WOFF Schrëften kann mat der Internationaliséierung hëllefen, well Dir kënnt Schrécke mat Zeechen aus anere Sproochen embedreiwen.
- Wéi all CSS-styléiert Text, Fonts, déi mat WOFF gegrënnt ginn sinn méi eng méi sympathesch. Eng Suchmaschinn net "gesinn" Text an engem Bild bäi, an wann ALT Text kann hëllefen, gëtt et keen Ersatz fir den Text selwer.
- WOFF Schrëften kompriméiert sinn, sou datt se méi kleng sinn wéi aner Zort Schrëftdateien. Dëst hëlleft mam Site Download Geschwindigkeit a Gesamtiwwerloechung.
- Dir kënnt WOFF-Dateien benotzen fir Är Markenidentitéit ze bewahren andeems Dir Är Firmenfonts wéi WOFF-Dateien embedréit.
WOFF Browser Support
WOFF huet exzellent Browser ënnerstëtzt an modernen Browser, an och:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- Opera 11.1+
- Safari 5.1+
Et ass wesentlech ënnerstëtzt iwwer de Comité déi Deeg, mat der léiwen Ausnam ass all Versioun vum Opera Mini.
Wéi benotzt WOFF Schrëften
Fir e WOFF-Fichier ze benotzen, musst Dir eng WOFF-Datei op ärem Webserver uploaden, gitt en Numm mat der @ font-face-Eigenschaft a gitt dann d'Schrëft an Ärem CSS. Zum Beispill:
- Lued déi Schrëftfamill called myWoffFont.woff op den / d'Schablounverzeichnis vum Webserver.
- An Ärer CSS Datei addéiere en @ Schrëftgréisst:
@ font-face {
Schrëftfamill: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') Format ('woff');
}}
- Fült den neie Schrëftfamill op (myWoffFont) op Är CSS Schrëftstapel, wéi Dir en anere Schrëftfamill hätt:
p {
Schrëftfamill: myWoffFont , Genf, Arial, Helvetica, sans-serif;
}}
Wou Dir WOFF Schrëften kritt
Et gi zwou grouss Plazen déi Dir vill WOFF Schrëften fannen déi gratis fir kommerziell oder net kommerziell benotzt ginn:
- Schrëft
- Schrëftgréisst
Wann Dir eng Lizenz hutt fir eng Schrëft ze benotzen déi net an engem WOFF-Format verfügbar ass, kënnt Dir e WOFF-Creator wéi bei Font Squirrel fir Är Schrëftdateien an WOFF-Dateien ëmsetzen. Et ass och e Kommandozeilengools called sfnt2woff deen Dir op Macintosh a Windows benotzt fir Är TrueType / OpenType Schrëften op WOFF ze konvertéieren.
Luet de Bénéfice an Ärem System unzefroen a lafen se op der Kommandozeechnung (oder Terminal) an befollegt d'Instruktioune.
WOFF Beispill
Hei sinn e puer Beispiller vu WOFF-Dateien: WOFF-Säit op HTML5 an 24 Stonnen.
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 7/11/17