Uzante Proprajn Tiparojn en Retpaĝoj
Teksto enhavo ĉiam estis grava peco de retejoj, sed en la unuaj tagoj de la retejo, projektistoj kaj programistoj estis severe limigitaj en la tipografia kontrolo, kiun ili havis super siaj retpaĝoj. Ĉi tio inkludis limigon en la tiparoj, kiujn ili povis fidinde uzi sur iliaj retejoj. Vi verŝajne aŭdis la terminon "retejo sekuraj tiparoj" menciitaj en la pasinteco. Ĉi tio raportis al la malgranda aro de tiparoj, kiuj estis tre verŝajne inkluditaj en la komputilo de persono, kio signifas, ke se via retejo uzis unu el tiuj tiparoj, ĝi estis sekura veto, ke ĝi farus ĝuste en la retumilo de persono.
Nuntempe, profesiaj retejo havas gastiganton de novaj tiparoj kaj tipoj opcioj por labori kun, unu el kiuj estas la formato WOFF.
Kio estas WOFF?
WOFF estas akronimo, kiu staras por "Retejo Malferma Fontformato." Ĝi estas uzata por kunpremi tiparojn por uzo kun la CSS @ font-face propraĵo. Ĝi estas maniero enkorpigi tiparojn en retpaĝoj por ke vi povu uzi specialajn tiparojn preter la tipa "Arial, Times New Roman, Georgia" - kiuj estas kelkaj el tiuj antaŭe menciitaj retejo sekuraj tiparoj.
WOFF estis sendita al la W3C kiel normo por pakaj tiparoj por retpaĝoj. Ĝi iĝis projekta projekto la 16-an de novembro 2010. Hodiaŭ ni efektive havas WOFF 2.0, kiu plibonigas la kunpremo de la unua versio de la formato preskaŭ 30%. En iuj kazoj, ĉi tiuj ŝparadoj povas esti eĉ pli substanciales!
Kial Uzi WOFF?
Retaj tiparoj, inkluzive de tiuj transdonitaj per la formato WOFF, provizas multajn avantaĝojn super aliaj fontaj elektoj. Kiel utila kiel tiuj TTT-sekuraj tiparoj estis, kaj certe certe estas loko por tiuj tiparoj en nia laboro, ĝi estas bela ankaŭ etendi niajn elektojn kaj malfermi niajn tipografajn eblojn.
WOFF-tiparoj havas la jenajn profitojn:
- Ili estas pli alireblaj ol tiparoj kiel bildoj. WOFF stiloj klara HTML-teksto kun CSS, donante al vi alireblecon kaj dezajnan kontrolon, kiujn bildoj ne permesos.
- WOFF-dosieroj inkluzivas tipografajn informojn kiel kuntekstaj formoj kaj malnovaj stiloj. Ĉi tio donas pli bonajn tipografiojn al viaj retpaĝoj ĉar vi uzas la ĝentilajn karakterojn, ne nur alproksimiĝojn.
- WOFF-tiparoj povas helpi kun internaciigo ĉar vi povas enkorpigi tiparojn kun karakteroj de aliaj lingvoj.
- Same kiel ĉiuj CSS-stila teksto, tiparoj stiligitaj kun WOFF estas pli serĉiloj. Serĉaj motoroj ne "vidas" tekston enkorpigitan en bildo, kaj dum ALT-teksto povas helpi, ne ekzistas anstataŭaĵo por la teksto mem.
- WOFF-tiparoj estas kunpremitaj, do ili estas pli malgrandaj ol aliaj tipoj de tiparaj dosieroj. Ĉi tio helpos per retejo elŝuta rapido kaj ĝenerala rendimento.
- Vi povas uzi WOFF-dosierojn por konservi vian markon identecon enkorpigante viajn kompanian tiparojn kiel WOFF-dosierojn.
WOFF Foliumilo Subtenado
WOFF havas bonegan retumatan subtenon en modernaj foliumiloj, inkluzive:
- Chrome 6+
- Firefox 3.6 +
- Interreto Explorer 9+
- Opero 11.1 +
- Safaro 5.1 +
Ĝi estas esence subtenata tra la tabulo ĉi tiuj tagoj, kun la sola escepto esti ĉiuj versioj de Opera Mini.
Kiel Uzi WOFF Tiparoj
Por uzi dosieron WOFF, vi devas alŝuti dosieron WOFF al via servilo, donu al ĝi nomon kun la propraĵo de font-vizaĝo, kaj poste nomu la tiparon en via CSS. Ekzemple:
- Alŝutu la tiparon nomata myWoffFont.woff al la dosierujo / tiparoj de la servilo.
- En via CSS-dosiero aldonu @ font-face-sekcion:
@ font-face {
tiparo-familio: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') formato ('woff');
}
- Aldonu la novan tipan nomon (myWoffFont) al via CSS-tipara stako, kiel vi farus iun ajn tipan nomon:
p {
tiparo-familio: myWoffFont , Ĝenevo, Arial, Helvetica, sans-serif;
}
Kie Akiri Tipojn WOFF
Estas du grandaj lokoj, kiujn vi povas trovi multajn fontojn de WOFF, kiuj estas senpagaj por komercaj kaj nekomercaj uzoj:
- Malferma Tipara Biblioteko
- Tipara Sciuro
Se vi havas permesilon uzi tiparon, kiu ne estas disponebla en formato WOFF, vi povas uzi WOFF-kreinton kiel ĉe Font-Sciuro por konverti vian tiparon-dosierojn en dosierojn de WOFF. Ankaŭ estas komandila ilo nomata sfnt2woff, kiun vi povas uzi en Macintosh kaj Windows por konverti vian tiparojn de TrueType / OpenType al WOFF.
Elŝutu la binaran taŭgaĵon al via sistemo kaj kuri ĝin ĉe la komandlinio (aŭ Fina stacio) kaj sekvu la instrukciojn.
Ekzemplo de WOFF
Jen kelkaj ekzemploj de WOFF-dosieroj: WOFF Page en HTML5 en 24 Horoj.
Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 7/11/17