Typography टूल्स
font चयन, pairing और CSS जनरेशन के लिए मुफ़्त, इंटरएक्टिव टूल्स। सब कुछ आपके ब्राउज़र में चलता है।
Font Pairing Generator
एक font चुनें और AI-अनुशंसित pairings को live preview के साथ देखें।
टूल खोलें →Font Preview
Google Fonts को कस्टम टेक्स्ट, आकार, वज़न और रंग के साथ प्रीव्यू करें।
टूल खोलें →Font Compare
2-4 fonts को एक समान sample text के साथ side by side compare करें।
टूल खोलें →Type Scale Calculator
1.25, 1.333, 1.5 जैसे ratios का उपयोग करके सुसंगत type scales बनाएं।
टूल खोलें →Font Stack Builder
web-safe fallbacks के साथ CSS font-family stacks बनाएं।
टूल खोलें →CSS Code Generator
किसी भी Google Font के लिए उपयोग के लिए तैयार CSS @import और font-family code बनाएं।
टूल खोलें →Contrast Checker
WCAG AA और AAA मानकों के विरुद्ध text/background color contrast ratio जांचें।
टूल खोलें →Fluid Type Calculator
viewport sizes के बीच fluid responsive typography के लिए CSS clamp() declarations बनाएं।
टूल खोलें →px / rem / em Converter
px, rem, em और pt units के बीच तुरंत convert करें। अपना base font size सेट करें।
टूल खोलें →Font Pairing Tool
Find perfect font pairings from Google Fonts. Preview heading and body combinations live with adjustable sizes, weights, and colors.
टूल खोलें →Variable Font Playground
variable font axes को interactively explore करें — weight, width, slant और optical size।
टूल खोलें →