JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text1">text 1</div>
<div class="text2">text 2</div>
<div class="text3">text 3</div>

CSS

body {
    font-size: 30px;
}
.text1 {
    font-family: "Arial Narrow", Arial;
}
.text2 {
    font-family: "Arial Narrow", Arial;
    font-stretch: condensed;
}
.text3 {
    font-family: Arial;
    font-stretch: condensed;
}