Konvertere fontstørrelser fra pixel til em

For at jeg skal slippe å dra frem kalkulatoren hver gang jeg skal regne om fontstørrelser legger jeg ut en oversikt over vanlige fontstørrelser i pixel og em her. For at konverteringene skal være gyldige må body deklareres i CSS med

1. body {
2. font-size: 1em;
3. }

Formelen for omregningen som er brukt er

$1\; /$foreldreelementets fontstørrelse x ønsket fontstørrelse i pixel = fontstørrelse i em
Så, hvis du vil ha en fontstørrelse på 12 pixler

$1\; /\; 16\; x\; 12\; =\; 0.75\; em$

Grunnen til at foreldreelementets fontstørrelse er satt til 16 pixler er at den generelle fontstørrelsen brukt i nettlesere er satt til 16 pixler. For at formelen skal være gyldig er dette påkrevd. Så med dette får vi en tabell som ser slik ut