GO-SCARECROW.NET *        & cut it up
WWW.GO-SCARECROW.NET / HOSTING
soleil / hails & lexi / priya / apply?
visitor tutorials site search clear
affiliates mauricio, kathy, loz, ann, amanda, angelica, misty, ryan, nathan, hapi, shannon, carter, amanda, elysia, lizzy, dani/karma, rae, maggie/stormi, jenna, inkedd, ellie, ariel, nina, zoe, sarah, dirk
eXTReMe Tracker

apply?
FR3$H CONTENT.

font tutorial!go-scarecrow.

in this tutorial, you will learn a few properties for making text look the way you want it to.

why can't I just use HTML HTML is a very simplistic way to code and lay down style, and though you use it a lot, css is generally much, much more efficent and has many more usues.

in HTML, you know that the basic font code is just read as font, /font. in CSS, which stands for Cascading Style Script, you want to say that atributes of the font will be defined by CSS, so to begin, your code should look like this:

in between the quotes in font style="" are where your CSS variables will go. let's look at a few basic ones...

this will make a font that's size 15px, green and color, and in Tahoma. it'll look like so:
GO-SCARECROW.NET
in order to separate my variables and give my codes a 'clean' look, I like to put enter spaces in between the different ones. this is just a matter of preference. there doesn't have to be any spaces at all in CSS.
let's look at a few other attributes:


there are a lot of elements in there, so let's try go get through them all. that code will create everything it did before, plus a 2px solid (try dotted, dashed, etc) black border on the bottom (you can also use border-top, border-right, etc). the letter spacing will move all the letters much closer together than normal, hence the negative, but you could also increase the number and make them further apart. the word spacing will separate the words. the font weight is a way to make it bold, and the background color variable gives the text a white background.
with that code, it should look like this:
i love go-scarecrow.net
you can use all these properties or just some of them for quick, hot fonts in your own style


go-scarecrow.net