Stax

फ़ॉन्ट साइज़ कन्वर्टर

CSS फ़ॉन्ट साइज़ को px, rem, em, pt, vw, vh और % के बीच कन्वर्ट करें।

UnitValueNotes
px16absolute pixels
rem1base 16px
em1parent 16px
pt12at 96 dpi
vw1.1111viewport 1440px wide
vh1.7778viewport 900px tall
%100parent 16px

Click any row to use that unit as the new input.

Settings (base font size, viewport, parent)
px
px
px
px

फ़ॉन्ट साइज़ कन्वर्टर क्या है?

यह टूल CSS font sizes को px, rem, em, pt, vw, vh, और % के बीच instantly convert करता है। Responsive typography और cross-platform design के लिए ज़रूरी।

टूल का उपयोग कैसे करें

  1. Source unit और value डालें (जैसे 16px)।
  2. Base font size set करें (default 16px)।
  3. तुरंत सभी units में conversion देखें।
  4. Copy करें CSS में।

Common conversions

  • 16px = 1rem (default base)
  • 12pt ≈ 16px (Microsoft Word default)
  • 14px = 0.875rem
  • 1vw = viewport width का 1%

अक्सर पूछे जाने वाले प्रश्न

px, em, rem, vw — कौन कब?
px — fixed pixel size (legacy)। em — parent के size के relative। rem — root html के size के relative (recommended for typography)। vw/vh — viewport relative (responsive headlines)। Modern best practice: rem for text, em for spacing।
1 rem कितना है?
1 rem = root html element का font-size (default 16px)। यानी 1 rem = 16px आम तौर पर। User browser में font-size बढ़ाए तो rem proportionally बढ़ेगा — accessibility के लिए ज़रूरी। Pixel-locked sizes accessibility hurt करते हैं।
pt और px में क्या फर्क है?
pt (point) = 1/72 inch — print में standard। px = screen pixel। 1pt ≈ 1.333px (96 DPI screen पर)। Word documents में pt, web designs में px/rem। Microsoft Word default 11pt ≈ 14.66px।
Responsive font size कैसे करें?
clamp(min, preferred, max) modern way: font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem)। viewport के साथ smoothly scale, min/max bounds। Old way: media queries में अलग sizes। Accessibility के लिए minimum 16px हो (mobile zoom prevent करने के लिए)।

संबंधित टूल्स