CSS3 – Lär dig göra en snygg text shadow med mitt typsnitt

mars 2, 2012 § Lämna en kommentar

Det här är en enkel tutorial för dig som vill använda mitt typsnitt med lite text shadow.

Det här måste du lägga in i din CSS fil för att kunna skriva med mitt typsnitt: @font-face { font-family: saibot; src: url(”http://www.netpage.se/saibot type blue.ttf”); }
Sedan kan du enkelt definera att du ska skriva med mitt typsnitt: h3 { font-family: saibot, tahoma, sans-serif; font-size: 2em; }

Vi ska nu enkelt lägga en text shadow på den här texten. Lägg till koden: text-shadow: 2px 2px 2px #000; inom h3 taggen. Svårare än så var det inte!

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s

Vad är detta?

Du läser för närvarande CSS3 – Lär dig göra en snygg text shadow med mitt typsnittTobiasboman's Blog.

Meta

%d bloggare gillar detta: