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"), il-format url ("CalligraphyFLF.woff") ("woff"), url ("CalligraphyFLF.ttf") il-format ("TrueType"), url ("CalligraphyFLF . SVG # CalligraphyFLF ") il-format (" SVG ");
 }
 @ Font-wiċċ {
   font-familja: "tipa" Your;
   src: url ("fonts / font_filename.eot");
   src: lokali ("isem alternattiv"), lokali ("Alternatename"),
     ("fonts / font_filename.woff") url format ("woff"),
     ("fonts / font_filename.otf") url format ("opentype"),
     ("fonts / font_filename.svg # font_filename") url 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.

Bil limitat tiegħi ħila-sett ma 'strumenti bħal Photoshop u illustratur, nista' onestament nistqarr li jien iżviluppatur aħjar minn I am a disinjatur. Iżda l-isfond tiegħi bil-qalba (server sekondarji) l-iżvilupp ma Java / PHP / COBOL, kien influwenza pożittiva ħafna fuq il-ħiliet tiegħi żvilupp UI. What I medja hija, filwaqt li toħloq disinji tiegħi, jiġifieri kull meta nagħmel disinn, naħseb dwar kif id-disinn jista 'jkun aħjar kkonvertit HTML u CSS filwaqt li tagħmel l-HTML-CSS, I jagħti riflessjoni dwar it-teknoloġija backend u jagħmlu raġonevolment ċert li l-HTML tista 'tiġi faċilment implimentati fil XSL linji jew siltiet PHP eċċ

Matul is-snin, I ġew jintefa ras fuq disinji minn disinjaturi UI li probabbilment donot clue dak HTML jew CSS huwa. Dawn is-snin I ġew ħsieb li nixtieq titlob għall wisq, Jekk I biss jistennew li l-disinjatur, li qed tipprova Shov "impossibbli li kodiċi" tiegħu disinn fl-gerżuma tiegħi, li wieħed jifhem biss ftit liema disinn tiegħu tkun konvertita fis. LI jgħin id-dritt?

Imbagħad, I sab din il-kariga illum ... disinjaturi Web li ma jistgħux kodiċi ... Grazzi Mulej! Jien biss wieħed minn ħafna li jħossu l-istess ... Il-artitle hawn fuq huwa daqsxejn twil xejn b'xejn .. iżda jiswa l-jaqra, kull kelma ta 'dan.

Grazzi Elliot Ħażniet Jay ... I jħossu meħlus!

Hawn xi siltiet mill elliots artikolu .

Ara naqra, liema kuljum! Bdejna bil 1 tweet ftit u ntemmet bil-diskussjoni li dehret li jiknes madwar l-komunità tad-disinn kollu tal-web. Jidher li hemm xi opinjonijiet b'saħħithom ħafna fuq is-suġġett ta 'jekk web disinjaturi għandhom ikunu jistgħu kodiċi.
...
Għalhekk, qabel ma nikbru fil dan, ippermettuli malajr terġa dak li għidt fuq dalgħodu fuq Twitter:

Onestament, jien ixxukkjat li fl-2010 jien xorta ġejjin madwar "web disinjaturi 'li ma jistgħux kodiċi disinji tagħhom stess. Ebda skuża.

... I għandha ħadthom kien ftit aktar speċifiku fil tweet tiegħi. I kien jitkellem dwar disinjaturi li ma jkollhomx anki l-HTML aktar bażika u ħiliet CSS li jduru disinn fissa fis-sit attwali. Mhux in-nies li intenzjonalment jagħżlu li ma kodiċi; dawk li ma jistgħux. U jien ukoll jirreferu biss għall front-end kodiċi hawn; ta 'kors huwa redikoli biex jaħsbu li disinjaturi għandhom ukoll ikunu aqwa back-end programmaturi ...

Nikbru "web" disinji mibgħuta Illustrator, 300dpi, impossibbli għall-kodiċi, l-ebda konsistenza / użabilità.
~ Amy Mahon

Huwa jkollna tard, u stajt ltqajna biex nagħlaq dan up b'xi. Naf se jkun hemm ħafna li ma jaqblux miegħi, u l-intenzjoni tiegħi huwa li ma joffendu jew taqlib ħadd li ma jistgħux kodiċi, imma nispera li xi wħud dak li stajt qal tirrifletti xi punti li dejjem toħroġ delving fis meta dan id-dibattitu.

Fl-aħħar tal-ġurnata, jien ma jitlef l-ebda irqad fuq li jistgħu kodiċi u li ma jistgħux. Jien biss verament sorpriż li ssib disinjaturi tant li n-nuqqas front-end ħiliet, kif ħsibt li dan kien xi ħaġa tal-passat.

Aqra wkoll il-kummenti, kien hemm madwar 320 kumment, kif i jiktbu ... huma jiswew jinqara.
Jekk jogħġbok aqra elliots post sħiħa hawn .. Web disinjaturi li ma jistgħux kodiċi

Peress li l-buttuna tar-radju u t-test huma inline, sabiex it-test se tallinja ruħha mal-qiegħ tal-buttuna tar-radju, It-test il-se jidhru li huma kemmxejn taħt il-buttuna tar-radju.
Jekk inti tixtieq dawn li jallinjaw mas-quċċata, inti ser ikollok post-radju u t-test fil-kontenituri separati bħal divs jew tifrex (kif xieraq) u dawn se jieħdu ħsieb tat-allinjament. Ikun aktar faċli biex użu ta 'ċelloli tal-mejda wisq, ta' qosor disinn tiegħek tippermetti dan.

Dan mhux se tħares l-istess f'kull browser, kif kull browser displays radjijiet kemmxejn differenti, u għalhekk hemm huwa dejjem se jkunu kwistjonijiet daqs x'ikun inti tagħmel.