JSFiddle - React, Tailwind, and code Playground

HTML

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
<div class="bold">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid placeat perferendis, minus obcaecati assumenda mollitia vero consequatur, eius asperiores voluptates quas porro, harum iure! Dolor iure provident harum consequuntur soluta vero culpa sunt impedit ad iste amet error at accusantium ut numquam eos qui, totam animi aperiam, quo inventore repudiandae?</div>
<div class="bolder">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid placeat perferendis, minus obcaecati assumenda mollitia vero consequatur, eius asperiores voluptates quas porro, harum iure! Dolor iure provident harum consequuntur soluta vero culpa sunt impedit ad iste amet error at accusantium ut numquam eos qui, totam animi aperiam, quo inventore repudiandae?</div>

CSS

* {
  box-sizing: border-box
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "Open Sans";
}
div {
  font-size: 20px;
}
.bold {
  font-weight: bold;
}
.bolder {
  font-weight: bolder;
}