Hi y'all! Yep, We're actually posting here. :)
Tonight, I'm covering letter spacing. It's a very unique way to style text.
First of all, you'll write it like this:
Tonight, I'm covering letter spacing. It's a very unique way to style text.
First of all, you'll write it like this:
letter-spacing:1px;Of course, you can edit the 1px part any way you would like! Letter Spacing can be positive or negative- meaning you can say that letter spacing can be 3px or -3px. Be careful using negative- a little goes a long way. Also, too much letter spacing makes a blog hard to read. But it makes an interesting effect when applied to post title hovers, links, and over-all text.
Here are some examples:
letter-spacing: 4px;
letter-spacing: -2px;
You can insert this under any code in your template that specifies text style (example: place it under h3 to give your post-titles letter spacing).
Here's a few sites that used this effect!
Jamie Delaine Blog- her over-all text has letter spacing- more than usual, but just enough.
Discover Life Designs - I used a negative letter spacing on my accordion hover.
This is such a simple element, but it's so much fun. I truly enjoy this one! :)