CSS Yazı Tipi - font-size em Olarak Ayarlama

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    font-size: 2.5em; /* 40px/16=2.5em */
}

h2 {
    font-size: 1.875em; /* 30px/16=1.875em */
 }

p {
    font-size: 0.875em; /* 14px/16=0.875em */
}
</style>
</head>
<body>

<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<p>Paragraf</p>
<p>Em olarak ayarladığınızda tarayıcı üzerinden fontu büyütmek veya küçültmek mümkündür.</p>

</body>
</html>