JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one">Почему некоторые шрифты не поддерживают em и %?
При указании px строчные буквы одной высоты.
При указании % и em высота некоторых строчных букв увеличивается.
Заметил это при шрифте Bender и некоторых других с гугла (один из Cormorant например).</div>
<div class="two">Почему некоторые шрифты не поддерживают em и %?
При указании px строчные буквы одной высоты.
При указании % и em высота некоторых строчных букв увеличивается.
Заметил это при шрифте Bender и некоторых других с гугла (один из Cormorant например).</div>
<div class="three">Почему некоторые шрифты не поддерживают em и %?
При указании px строчные буквы одной высоты.
При указании % и em высота некоторых строчных букв увеличивается.
Заметил это при шрифте Bender и некоторых других с гугла (один из Cormorant например).</div>

CSS

@import url('https://fonts.googleapis.com/css?family=Cormorant');
body {
  font-family: Cormorant;
}
.one {
  font-size: 32px;
}
.two {
  font-size: 2em;
}
.three {
  font-size: 200%;
}