11/29/2013 - 10:30 AM

Quick comparison table for using instead of manual calculation of desired font size

Quick comparison table for using instead of manual calculation of desired font size

/* Если Основной текст 18 px    */
/* if body text 18px 			*/

font-size: 2.333333333333333em;		/*42px*/
font-size: 2.222222222222222em;		/*40px*/
font-size: 2.111111111111111em;		/*38px*/
font-size: 2em;				/*36px*/
font-size: 1.888888888888889em;		/*34px*/
font-size: 1.777777777777778em;		/*32px*/
font-size: 1.666666666666667em;		/*30px*/
font-size: 1.555555555555556em;		/*28px*/
font-size: 1.444444444444444em;		/*26px*/
font-size: 1.333333333333333em;		/*24px*/
font-size: 1.222222222222222em;		/*22px*/
font-size: 1.111111111111111em;		/*20px*/
font-size: 1em;				/*18px*/
font-size: 0.8888888888888889em;	/*16px*/
font-size: 0.7777777777777778em;	/*14px*/
font-size: 0.7222222222222222em;	/*13px*/
font-size: 0.6666666666666667em;	/*12px*/
font-size: 0.6111111111111111em;	/*11px*/
font-size: 0.5555555555555556em;	/*10px*/
font-size: 0.5em;			/*9px*/
font-size: 0.4444444444444444em;	/*8px*/

/* Основной текст 16 px     */
/*(стандартный для современного браузера)*/
/* if body text 16px 			*/

font-size: 2.625em;		/*42px*/
font-size: 2.5em;		/*40px*/
font-size: 2.375em;		/*38px*/
font-size: 2.25em;		/*36px*/
font-size: 2.125em;		/*34px*/
font-size: 2em;			/*32px*/
font-size: 1.875em;		/*30px*/
font-size: 1.75em;		/*28px*/
font-size: 1.625em;		/*26px*/
font-size: 1.5em;		/*24px*/
font-size: 1.375em;		/*22px*/
font-size: 1.25em;		/*20px*/
font-size: 1.125em;		/*18px*/
font-size: 1em;			/*16px*/
font-size: 0.875em;		/*14px*/
font-size: 0.8125em;		/*13px*/
font-size: 0.75em;		/*12px*/
font-size: 0.6875em;		/*11px*/
font-size: 0.625em;		/*10px*/
font-size: 0.5625em;		/*9px*/
font-size: 0.5em;		/*8px*/

/* Если Основной текст 14 px    */
/* if body text 14px 			*/

font-size: 3em;				/*42px*/
font-size: 2.857142857142857em;		/*40px*/
font-size: 2.714285714285714em;		/*38px*/
font-size: 2.571428571428571em;		/*36px*/
font-size: 2.428571428571429em;		/*34px*/
font-size: 2.285714285714286em;		/*32px*/
font-size: 2.142857142857143em;		/*30px*/
font-size: 2em;				/*28px*/
font-size: 1.857142857142857em;		/*26px*/
font-size: 1.714285714285714em;		/*24px*/
font-size: 1.571428571428571em;		/*22px*/
font-size: 1.428571428571429em;		/*20px*/
font-size: 1.285714285714286em;		/*18px*/
font-size: 1.142857142857143em;		/*16px*/
font-size: 1em;				/*14px*/
font-size: 0.9285714285714286em;	/*13px*/
font-size: 0.8571428571428571em;	/*12px*/
font-size: 0.7857142857142857em;	/*11px*/
font-size: 0.7142857142857143em;	/*10px*/
font-size: 0.6428571428571429em;	/*9px*/
font-size: 0.5714285714285714em;	/*8px*/

/* Если Основной текст 13 px    */ 
/* if body text 13px 			*/

font-size: 3,230769230769231em;		/*42px*/
font-size: 3,076923076923077em;		/*40px*/
font-size: 2,923076923076923em;		/*38px*/
font-size: 2,769230769230769em;		/*36px*/
font-size: 2,615384615384615em;		/*34px*/
font-size: 2,461538461538462em;		/*32px*/
font-size: 2,307692307692308em;		/*30px*/
font-size: 2,153846153846154em;		/*28px*/
font-size: 2em;                   /*26px*/
font-size: 1,846153846153846em;		/*24px*/
font-size: 1,692307692307692em;		/*22px*/
font-size: 1,538461538461538em;		/*20px*/
font-size: 1,384615384615385em;		/*18px*/
font-size: 1,230769230769231em;		/*16px*/
font-size: 1,076923076923077em;		/*14px*/
font-size: 1em;                   /*13px*/
font-size: 0,9230769230769231em;	/*12px*/
font-size: 0,8461538461538462em;	/*11px*/
font-size: 0,7692307692307692em;	/*10px*/
font-size: 0,6923076923076923em;	/*9px*/
font-size: 0,0615384615384615em;	/*8px*/