Jesprimi IT

CSS kompletati 10 snin eżistenza din is-sena! Dawk li ġew madwar għal xi ftit, jaqla ħobż tagħhom (jew le) bl-użu CSS, allura inti tista 'taf kif ilna starving għal għażla tajba ta' fonts. Anki man-nuqqas ta 'fonts disinjaturi bħal dawk fil CSS Garden Zen għamlu użu ta 'stampi isfond CSS biex jissostitwixxu fonts fl-insegwiment ta' kif isir xi ġustizzja disinni tagħhom. Għandna wkoll ippruvaw Flash / JavaScript hacks ® biex jintlaħqu l-miri tad-disinn tagħna. Bl-ebda mod dan huwa mod żbaljat biex jiksbu l-fonts aħna xewqa fis-disinji web tagħna, iżda ċert, mhuwiex l-aktar mod mixtieq. u aktar web designer snin, bħali, kompletament invokati għaxar jew hekk fonts għad-disinji tagħhom.

Żviluppi riċenti fl-istandards tal-web u formati font jagħmluha possibbli li l-test HTML tipa oħra għajr il-fonts istess default qodma. Jasal fil-"@ fontface" decleration CSS.

@ Fontface provids soluzzjoni biex tagħmel link mas-font fajl attwali u jerġgħu jieħdu lura mill-web. Bl-użu @ fontface, disinjaturi jistgħu jużaw fonts mingħajr ma jkollhom friża-test kif immaġini isfond. L-implimentazzjoni hija ferm ħafif, kif muri hawn taħt iżda bħala l-affarijiet tajba jkollhom parti CON lilha, mhux kollha browsers appoġġ għal wieħed "font tip". Jekk inti qed tippjana li tuża fontface @ fis-sit ma jeħtieġu l-appoġġ browser transkonfinali, allura inti se jkollhom jipprovdu sorsi għal diversi font-tipi ta 'l-istess.

1. TrueType - Format mfassla biex tħares tajba fuq l-iskrin. Rakkomandata b'mod partikolari għall-browsers Windows (Chrome).
2. OpenType (CFF) - Dan il-format huwa aħjar għal xogħol istampar u mhux dejjem jidhru tajbin fuq il-Windows.
3. EOT - Għandek bżonn dan il-format jekk inti tixtieq li mira Internet Explorer. IE mhux se jużaw kull format ieħor. Tal-EOT tagħna jkunux meqjusa bħala "Lite," peress li la huma kompressati u lanqas dominju ristretta.
4. SVG - Dan huwa format XML appoġġjati minn xi browsers inkluż l-iPhone.
5. WOFF - Dan cross-browser, il-format tat-tipa web biss huwa ħfief (data font huwa zip kompressata) u jistgħu jiġu kkumpilati bi jew TrueType jew PostScript (CFF) tiddeskrivi. Bħalissa huwa appoġġjat minn Firefox 3.6 +.

Bl-użu @ fontface

 @ Font-wiċċ {font-familja: "CalligraphyFLFRegular"; src: url ("CalligraphyFLF.eot"); src: lokali ("CalligraphyFLF"), lokali ("CalligraphyFLF"), url ("CalligraphyFLF.woff") il-format ( "woff"), ("CalligraphyFLF.ttf") url format ("TrueType"), url ("CalligraphyFLF.svg # CalligraphyFLF") il-format ("SVG");} @ font-wiċċ {font-familja: "tipa tiegħek "; src: url (" fonts / font_filename.eot "); src: lokali (" isem alternattiv "), lokali (" Alternatename "), url (" fonts / font_filename.woff ") il-format (" woff "), url ("fonts / font_filename.otf") il-format ("opentype"), url ("fonts / font_filename.svg # font_filename") il-format ("SVG");} {h2 font-familja: "tipa" Your, il-Ġorġja, Serif ;} 

Kif tistgħu taraw mill-eżempju hawn fuq, biex tinkludi l-tipa font magħżul, wieħed għandu link għal sett ta 'fonttypes għall-istess tipa. Għalhekk in-nies jirreferu għaliha bħala "Kitt Font".
Hemm Kitts Font disponibbli li espliċitament jippermetti li tgħaqqad ma 'CSS @ font-wiċċ proprjetà lilha taħt il-Ftehim Tmiem License Utenti (EULA).

Riżorsi utli WebFont:

• Fonts disponibbli għall @ font-wiċċ inkorporazzjoni paġna wiki fil http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . Huwa disinjatur font rinomata li għamlet mijiet ta 'fonts TrueType interessanti liberament disponibbli għall-użu fuq il-web. Fonts tiegħu huma eleganti, dekorattivi, u jilgħab.
• Dieter Steffmann ieħor huwa disinjatur font kbir. Huwa, wisq, għamlet fonts sbieħ ħafna disponibbli għal kull min juża.
• Ħanut Font : joffri fonts ddisinjati speċifikament għal użu web. Aktar minn 30 mill-familji FontFont akbar suċċess huma issa disponibbli bħala FontFonts Web. FontShop wkoll dettaljata WebFont utent gwida http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Isquirrel Font : vetrini l-fonts li isquirrel Font joffri għall-użu ma @ inkorporazzjoni CSS font-wiċċ. Isquirrel Font joffri kwantità impressjonanti tat-tip, jagħmilha mejta sempliċi li pick wieħed barra, u handily joffri "kits" - l-tipa tal-għażla tiegħek, f'formats diversi, ippakkjati bil demo HTML & CSS li juża ħafna attwali @ font-wiċċ sintassi . Huma wkoll joffru mezz biex jagħmlu stess @ tiegħek font wiċċ kits . Jekk it-tipa li trid tuża jkun liċenzjat xieraq (dawk li jiġu mal-kompjuter tiegħek mhumiex neċessarjament okay), il-ġeneratur tipproduċi EOT, SVG, u ħej! Fajls WOFF.