text-shadow är ingen CSS3 specifikation.

april 30, 2012 § Lämna en kommentar

Det är en relativt ny funktion men den kom inte med CSS3. Safari var först med att införa den. För att enkelt kunna skapa en text skugga (som tidigare gjordes med hjälp av photoshop) så kan ni skriva:
text-shadow: 3px 4px 5px #ccc;
Det första värdet ”3px” definerar hur långt till höger skuggan ska gå. Om du vill att texten ska gå till vänster så kan du fylla i ett minus värde t.ex: ”-3px”.
”4px” definerar hur långt nere skuggan ska vara i förhållande till texten. Den accepterar ett minus värde.
Det sista pixel värdet ‘5px’ definerar hur mycket ‘blur’ textskuggan ska ha.
Det absolut sista innehåller en hexkod där det skrivs vilken färg skuggan ska ha.

Jag släpper mitt hemmagjorda typsnitt

mars 1, 2012 § Lämna en kommentar

Jag har suttit och snickrat ihop ett typsnitt med hjälp av min egen handstil.
För er som vill göra något liknande så vill jag beskriva hur min process såg ut:
1 Rita alla bokstäver från A-Ö och små bokstäver a-ö på ett papper.(lite halvslarvigt så att hemmasnickar känslan finns där).
2 Ta kort på dessa bokstäver och överföra till datorn.
3 Justera exponering och ljus så att bokstäverna är helt svarta med en vit bakgrund. Sedan klippa ut alla bokstäver så det finns i 300X300 px.
4 Jag använde mig utav ”High logic – fontcreator” vilket jag tycker är ett utmärkt program. Där omvandlas en 300X300 px enkelt till en vector grafik
5 Det mest tidskrävande momentet var att få alla bokstäver lika stora. Min rekommendation är att gå efter 3 linjer. Hur hög, lång och vilken mitt bokstaven ska ha. Ett litet ”bh” är t.ex längre än många små bokstäver, men måste ha samma höjd på ”mittdelen” som t.ex ”ac”:s topp-höjd är.

Ni hittar typsnittet här: saibot type blue

Var befinner jag mig?

Du bläddrar för närvarande i kategorin TypsnittTobiasboman's Blog.

%d bloggare gillar detta: