Custom Fonts in CSS ka use karke aap apne website me custom fonts use kar sakte ho bina user ke system me font install hue.
Iske liye CSS ka @font-face rule use hota hai.
CSS @font-face Rule
@font-face allow karta hai custom font define aur load karne ke liye.
Font file server par store hoti hai aur jab page load hota hai tab automatically user ke browser me load ho jati hai.
Common Font Formats
WOFF / WOFF2
- Web ke liye optimized hote hain
- File size chhota hota hai
- Sab browsers support karte hain
TTF / OTF
- Desktop ke liye common formats
- High quality fonts
- Web ke liye optimized nahi hote
Use Your Custom Font
Yahan pe pehle font ka naam define kiya gaya hai, fir uska file path diya gaya hai, aur phir usko element me use kiya gaya hai.
Bold Custom Font
Bold version ke liye alag @font-face define karna padta hai.
Browser automatically is file ko use karega jab text bold hoga.
Custom Fonts in CSS Descriptors
- font-family → font ka naam define karta hai (required)
- src → font file ka path deta hai (required)
- font-stretch → font width control karta hai
- font-style → normal, italic etc define karta hai
- font-weight → font ka weight define karta hai
- font-display → font load hone ka behavior define karta hai
- unicode-range → kaunse characters supported hain
Custom Fonts in CSS se aap apni website ko unique aur attractive bana sakte ho. @font-face use karke fonts ko easily load aur control kiya ja sakta hai across all devices.
