Skip to content

Instantly share code, notes, and snippets.

@handleman
Last active December 29, 2015 17:28
Show Gist options
  • Save handleman/7703990 to your computer and use it in GitHub Desktop.
Save handleman/7703990 to your computer and use it in GitHub Desktop.
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*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment