JSFiddle - React, Tailwind, and code Playground

HTML

<div class="custom-font">
  <p>We are one big family implanted in the whole world.</p>
  <p>Winning, progress and teamwork are our priority.</p>
  <p>That’s why we design products exclusively for an elite</p>
</div>

CSS

@font-face {
  font-family: 'Mathilde';
  src: url('https://cdn.shopify.com/s/files/1/0088/1400/2291/t/29/assets/Mathilde.woff2') format('woff2');
}

p {
  font-family: 'Mathilde', Fallback, sans-serif;
  font-size: 60px;
}

.custom-font{
  width: 740px;
  margin: auto;
}