lesson 1 : compressed letters!

by icantwrite
Tags   ftisland   jaejin   layouttutorial   tutorialshop   | Report Content

a a a a

that first basic step;

if you typed a font, i.e. : 


go to :  
and easily you'll find this :  

right after font-size: 14px;  easily add in letter-spacing: 1px;

and hai. would turn to    hai.



a normal, typical 72 px font in georgia. 
compressing would no doubt make it nicer, also, good to see! 




"compressed" by 10px . letters like this make you squeeze your words together in 
a form which makes it 'stylish'.






"splitted" by 10 px. It gives people the illusion that there are more than one spaces in between,
but instead, a single space would suffice because the 'letter-spacing' helps.
(saves your hands from pressing too much spacebars.)

basically, the idea of it all is to add :  letter-spacing: (insert)px;
to the html coding, and there you get, a font! /dances

i told you I'm a bad teacher.



Comments are moderated. Keep it cool. Critical is fine, but if you're rude to one another (or to us), we'll delete your stuff. Have fun and thanks for joining the conversation!

You must be logged in to comment.

---Siri--- () says about chapter 4:
Hello :) I wanted to ask if you know how to make layouts for the layout market place with {CONTENDID1}, 2, 3 etc. Could you please make a tutorial of it if you know how to make them?
Thanks :)

Jia_Yi () says about chapter 1:
Why can't I compress the words ?
When I click source .. I just get <p>hai.</p>
Help please TT

exhyolover15 () says about chapter 3:
thank you!! i made it yayy!!

Moonlight_Roleplay () says about chapter 3:
I still don't understand .___.
How to do the "text on picture"??

LinKagamine () says about chapter 3:
thank you!!

topumasum () says about chapter 4:
hi got a question for u. what can i do to pose this image http://thumbs.dreamstime.com/z/brown-grunge-musical-background-4664682.jpg
as my layout? i want my chapters to be inside this image. how can i do that? any help please? if u ask for any karma price, im willing to pay.

Anti-Social () says about chapter 3:
It's not working.

exoteen13 () says:
thanks it's help me a lot

MinhoYeobo () says about chapter 1:
Omg thanks alot ! ^^ gomawo ~

baekstacy () says about chapter 1:
what do you use to make layouts?

View all comments >>

^ Back to Top