Responsive Font-size & Line-height


/ Published in: jQuery
Save to your folder(s)

example:   
1. put the code on your script   
2. <p class="fz-15" >your paragraph</p>

* ******************************
* class-----Min-fontsize-----Min-lineheight-----Max-fontsize-----Max-lineheight
*
* fz-6 ---------- 4 ------------------- 6 ------------------- 6 ------------------- 9
* fz-9 ---------- 6 ------------------- 8 ------------------- 9 ------------------- 12
* fz-12 --------- 8 ------------------- 10 ------------------ 12 ------------------ 15
*
* fz-15 --------- 10 ------------------ 12 ------------------ 15 ------------------ 18
* fz-18 --------- 12 ------------------ 14 ------------------ 18 ----------------- 21
* fz-21 --------- 14 ------------------ 16 ------------------ 21 ------------------ 24
*
* fz-24 --------- 16 ------------------ 18 ------------------ 24 ------------------ 27
* fz-30 --------- 20 ------------------ 22 ------------------ 30 ------------------ 33
* fz-42 --------- 28 ------------------ 30 ------------------ 42 ------------------ 45
*
* fz-51 --------- 34 ------------------ 36 ------------------ 51 ------------------ 54
* fz-60 --------- 40 ------------------ 42 ------------------ 60 ------------------ 63
* fz-81 --------- 54 ------------------ 56 ------------------ 81 ------------------ 84
*
* fz-102 -------- 68 ------------------ 70 ------------------ 102 ----------------- 105
*
* ******************************

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.