2010 13. ožujka 2010

@ Font: da Izražavajući s font po svom izboru; Korištenje WebFonts

CSS završili 10 godina postojanja ove godine! Oni koji su oko za neko vrijeme, zarađivati ​​svoj kruh (ili ne) koristeći CSS, onda možda svjesni koliko smo natašte za dobar odabir fontova. Čak i uz nedostatak fontova dizajneri poput onih na CSS Zen Garden su koristili CSS pozadinske slike koja će zamijeniti fontove u potrazi za događaj neki pravdu svojim dizajnom. Također smo pokušali Flash / JavaScript ® hack kako bi se postigla svoje ciljeve dizajn. Nipošto to je pogrešan način da biste dobili fontove želimo na našim web dizajna, ali definitivno nije najpoželjniji način. i više godina, web dizajner, poput mene, u potpunosti su se oslonili na deset ili tako fontova za svojim dizajnom.

Nedavni događaji u web standarda i formata fonta bi bilo moguće donijeti HTML tekst u slogove drugih od istih starih zadanih fontova. Dolazi u "@ Font" CSS decleration.

@ Font provids rješenje za povezivanje sa stvarnim fonta datoteku i preuzimanje s weba. Korištenje mijenjate brzine Font, dizajneri mogu koristiti fontove bez zamrznuti tekst kao pozadinske slike. Provedba je vrlo ravno naprijed, kao što je prikazano u nastavku, ali i sve dobre stvari imaju CON dio njega, nisu svi preglednici podržavaju jednu "vrstu fonta". Ako planirate koristiti mijenjate brzine Font na stranice sa zahtijevaju križ preglednik podrška, onda ćete morati osigurati izvore na različite font-vrsta isto.

  1. TrueType - format dizajniran da izgleda dobro na zaslonu. Preporuča posebno za Windows preglednika (Chrome).
  2. OpenType (HNS) - Ovaj format je bolji za ispis rad i ne uvijek izgleda dobro na Windowsima.
  3. EOT - Trebate ovaj format ako želite ciljati Internet Explorer. IE neće koristiti bilo koji drugi format. Naša EOT-a će se smatrati "Lite", jer niti su komprimirani niti domene ograničene.
  4. SVG - Ovo je XML format podržan u nekim preglednicima, uključujući i iPhone.
  5. WOFF - To cross-preglednik, web-samo font format je lagan (font podaci zip komprimirani) i može sastaviti sa bilo TrueType ili PostScript (HNS) obrise. Trenutno je podržan od strane Firefox 3.6 +.

Korištenje mijenjate brzine Font 

  @ Font-face {
 font-family: "CalligraphyFLFRegular ';
 src: url ('CalligraphyFLF.eot');
 src: mjesni ('CalligraphyFLF'), lokalne ('CalligraphyFLF'), url ('CalligraphyFLF.woff') format ('woff'), url ('CalligraphyFLF.ttf') format ("TrueType"), url ('CalligraphyFLF . svg # CalligraphyFLF ') format ("svg');
 }
 @ Font-face {
   font-family: "Vaš tipografiju";
   src: url ("fontovi / font_filename.eot");
   src: mjesni ("Alternativni ime"), lokalne ("Alternatename"),
     url ("fontovi / font_filename.woff") format ("woff"),
     url ("fontovi / font_filename.otf") format ("OpenType"),
     url ("fontovi / font_filename.svg # font_filename") format ("SVG");
   }
 h2 {font-family: "Vaš tipografiju", Gruzija, serif;}

Kao što možete vidjeti iz gornjeg primjera, da su izabrani slovima fonta, treba povezati skup fonttypes za isti slovima. Dakle ljudi nazivaju "Font Kit".
Postoje slova Kits na raspolaganju da se eksplicitno omogućuje povezivanje s CSS mijenjate brzine font-face imovine njemu pod End User License sporazuma (EULA).

Korisni WebFont Resursi:

nema komentara | Tags: i | Objavljeno u CSS

NDK dom | Izražavajući IT | Izražavajući Ukus | Izražavajući Penmenship | Izražavajući strahopoštovanje | Izražavajući Sebe