<div>
<h1>
  Benim başlığım h1 ve yazı boyutum 3 rem.
  </h1>
  <h2>
    Benim başlığım h2 ve yazı boyutum 2.75rem.
</h2>
  <h3>
    Benim başlığım h3 ve yazı boyutum 2.25rem.
  </h3>
  <h4>
      Benim başlığım h4 ve yazı boyutum 2rem.
  </h4>
</div>

@use cssnext;
:root {
  --fontSize: 1rem;
  --font-family: sans-serif;
  --padding: 1em;
}

body {
  font-family: var(--font-family);
  padding-left: var(--padding);
}

h1 {
  font-size: calc(var(--fontSize) * 3);
}

h2 {
  font-size: calc(var(--fontSize) * 2.75);
}

h3 {
  font-size: calc(var(--fontSize) * 2.25);
}

h4 {
  font-size: calc(var(--fontSize) * 2);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.