Väljendades IT

CSS lõpule 10 aastat olemasolu sel aastal! Need, kes on olnud juba mõnda aega, teenida oma leiba (või mitte), kasutades CSS, siis võib teada, kuidas meil on näljas hea valik fonte. Isegi vähene fonts disainerid nagu need, CSS Zen Garden on kasutanud CSS taustapilte vahetada fonts elluviimisel teeme mõned õigusemõistmise oma designs. Samuti oleme püüdnud Flash / JavaScript ® hacks, et saavutada meie disain eesmärke. Mitte sugugi see on vale viis saada kiri soovime meie web designs, kuid kindlasti ei ole kõige soovitavam viisil. ja aastate web disainer, nagu mina, on täiesti tugines 10 või nii fonte oma disainilahendustele.

Viimased arengud veebi standardeid ja font formaadid võimaldavad muuta HTML teksti kirjatüübid muud kui sama vana default fonte. Comes "@ fontface" CSS decleration.

@ Fontface provids lahendus siduda tegeliku font fail ja leidke veebist. Kasutades @ fontface, saaksid kasutada fonte ilma külmutada teksti tausta pilte. Rakendamine on väga lihtne, nagu allpool näidatud, kuid nagu kõik head asjad on CON osa see, et mitte kõik brauserid toetavad singel "font tüüp". Kui te plaanite kasutada @ fontface sisse saidi vajavad läbivoolu brauseri tugi, siis on pakkuda allikatest erinevaid font-tüüpi sama.

1. TrueType - formaat mõeldud hea välimusega ekraanile. Soovitatakse eriti Windows brauserid (Chrome).
2. OpenType (CFF) - See formaat on parem print tööd ja ei ole alati hea välja nägema Windows.
3. EOT - Sa pead selles formaadis, kui soovite sihtida Internet Explorer. IE ei kasuta muud formaati. Meie EOT s võiks pidada "Lite", sest nad ei suru ega domeeni piiratud.
4. SVG - see on XML formaadis toetasid mõned brauserid, sealhulgas iPhone.
5. WOFF - See cross-brauser, web-only font formaat on kerge (font andmed on zip pakitud) ning saab koostada kas TrueType või PostScript (CFF) piirjooni. Praegu on toetatud Firefox 3.6 +.

Kasutades @ fontface

  @ Font-face {
 font-family: "CalligraphyFLFRegular";
 src: url ("CalligraphyFLF.eot ');
 src: kohalik ("CalligraphyFLF"), kohalik ("CalligraphyFLF"), url ("CalligraphyFLF.woff) formaadis (" woff "), url (" CalligraphyFLF.ttf) formaadis ("truetype"), url ("CalligraphyFLF . svg # CalligraphyFLF) formaadis ("SVG");
 }
 @ Font-face {
   font-family: "Teie kirjas";
   src: url ("fonts / font_filename.eot");
   src: kohalik ("Alternatiivne nimi"), kohalik ("Alternatename")
     url ("fonts / font_filename.woff") formaadis ("woff")
     url ("fonts / font_filename.otf") formaadis ("OpenType")
     url ("fonts / font_filename.svg # font_filename") formaadis ("SVG");
   }
 h2 {font-family: "Teie kirjas", Georgia, serif;} 

Nagu näete eespool näiteks ka valitud font kirjatüüp, üks on link komplekt fonttypes sama kirjatüüpi. Seega inimesed nimetavad seda "Font Kit".
On Font Kits olemas, mis sõnaselgelt lubab sidumine CSS @ font-face vara all Lõppkasutaja litsentsileping (EULA).

Kasulik WebFont Ressursid:

• Fondid saadaval @ font-face kinnistades wiki lehele http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . Ta on tuntud font disainer, kes on teinud sadu huvitavaid TrueType fonte vabalt kasutatavad veebis. Tema fondid on elegantne, dekoratiivsed ja mänguline.
• Dieter Steffmann on veel üks suur font disainer. Ka tema on teinud palju ilusaid fonte kättesaadavaks kõigile kasutada.
• Tähe pood : pakub fonts spetsiaalselt veebi kasutamiseks. Rohkem kui 30 kõige edukamad FontFont pered on nüüd saadaval Web FontFonts. FontShop on ka üksikasjalik WebFont kasutusjuhend http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Font Squirrel : tutvustatakse kõiki fonte, mis Font Squirrel pakub kasutamiseks @ font-face CSS kinnistades. Font Squirrel pakub muljetavaldav kogus tüübi, muudab surnud lihtne valida üks välja ja osavalt pakub "kits" - kirjatüüpi valitud, mitmes eri vormingus pakkida demo HTML & CSS, mis kasutab väga praegune @ font-face süntaks . Nad pakuvad ka võimalus teha oma @ font-face komplektid . Kui kirjatüüp, mida soovite kasutada on litsentseeritud sobivalt (need, mis tulevad arvuti ei pruugi kõik korras), generaator toodab EOT, SVG ja hei! WOFF faile.