سیستم تایپوگرافی فونت هوشمند
چالش بزرگ طراحان سایت ایرانی، یکسان نبودن بصری فونت های با سایز یکسان است! با استفاده از ابزار فونت هوشمند، کافی است فونت مورد نظر خود را انتخاب کنید تا سیستم با الگوریتم هوشمند، سایز های اختصاصی همان فونت را به صورت بهینه شده برای دستگاه های مختلف (موبایل، تبلت و دسکتاپ) به صورت کد به شما ارائه دهد :)
| سطح تایپوگرافی | پیشنمایش | مقدار CSS Clamp | عملیات |
|---|---|---|---|
Display Large | حروفچینی ریسپانسیو | clamp(3.00rem, 2.50rem + 2.50vw, 4.50rem) | |
Display Medium | حروفچینی ریسپانسیو | clamp(2.50rem, 2.08rem + 2.08vw, 3.75rem) | |
Display Small | حروفچینی ریسپانسیو | clamp(2.00rem, 1.67rem + 1.67vw, 3.00rem) | |
Heading Large | حروفچینی ریسپانسیو | clamp(1.75rem, 1.50rem + 1.25vw, 2.50rem) | |
Heading Medium | حروفچینی ریسپانسیو | clamp(1.50rem, 1.33rem + 0.83vw, 2.00rem) | |
Heading Small | حروفچینی ریسپانسیو | clamp(1.25rem, 1.08rem + 0.83vw, 1.75rem) | |
Body Large | حروفچینی ریسپانسیو | clamp(1.13rem, 1.00rem + 0.63vw, 1.50rem) | |
Body Medium | حروفچینی ریسپانسیو | clamp(1.00rem, 0.92rem + 0.42vw, 1.25rem) | |
Body Small | حروفچینی ریسپانسیو | clamp(0.88rem, 0.83rem + 0.21vw, 1.00rem) | |
Label | حروفچینی ریسپانسیو | clamp(0.75rem, 0.71rem + 0.21vw, 0.88rem) | |
Tiny | حروفچینی ریسپانسیو | clamp(0.63rem, 0.58rem + 0.21vw, 0.75rem) |