JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Test</title>
    
    <style> 
      div {
        font-family: arial;
      }
    </style>
  </head>
  
  <body style="margin: 10;">
  
    <div>
      <br>
      this message is written in a pre-defined font (arial).
      <br>
    </div>

    <p>While the overrides set through 'edge://settings/fonts' will probably affect this message.</p>
    <a href="#">Links, too!</a>
    
  </body>
</html>