← All CSS Chapters
LoOPCode Home
04. Typography
Fonts, size, weight, line-height, text align.
Is chapter me cover hoga:
font-family
font-size / weight
line-height
text-align
1. Text styling
Readable text = pro look. Line-height 1.5–1.7 body ke liye sweet spot.
<!DOCTYPE html> <html> <head> <style> body { font-family: Georgia, serif; } h1 { font-family: Arial, sans-serif; font-weight: 700; font-size: 2rem; letter-spacing: -0.02em; } p { font-size: 1.05rem; line-height: 1.7; color: #334155; max-width: 480px; } .center { text-align: center; } </style> </head> <body> <h1 class="center">Typography</h1> <p>Ye paragraph line-height aur font-size se comfortable padhne layak hai. CSS se text pro banata hai.</p> </body> </html>
▶ Run Code
☐
Mark complete
← Colors
Box Model →