<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>SMINKY Font Test</title>

  <style>

    @font-face {

      font-family: "Headoodle";

      src: url("/fonts/Headoodle.woff2") format("woff2");

      font-style: normal;

      font-weight: 400;

      font-display: swap;

    }

    body {

      margin: 40px;

      background: #F5F5F3;

      color: #1C1C1D;

      font-family: Arial, sans-serif;

    }

    .headline {

      font-family: "Headoodle", "Patrick Hand SC",

                   "Nanum Pen Script", cursive;

      font-size: 48px;

    }

  </style>

</head>

<body>

  <h1>SMINKY Font Test</h1>

  <p class="headline">A little bit different.</p>

  <p class="headline">THE FIRST FOUR — SMINKY</p>

</body>

</html>