добавляет шрифты Open Sans

src/css/fonts.css

@@ -0,0 +1,17 @@
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/OpenSans-Regular.woff2") format("woff2"),
+    url("/fonts/OpenSans-Regular.woff") format("woff"),
+    url("/fonts/OpenSans-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: bold;
+  font-weight: bold;
+  src: url("/fonts/OpenSans-Bold.woff2") format("woff2"),
+    url("/fonts/OpenSans-Bold.woff") format("woff"),
+    url("/fonts/OpenSans-Bold.ttf") format("truetype");
+}

src/css/index.css

@@ -1,3 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'fonts.css';
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';

src/pages/index.njk

@@ -6,4 +6,7 @@ layout: 'base.njk'
     <a href="/" class="block rounded-xl p-1">
         {{ '/src/images/logo.svg' | svgContents("max-h-24 block w-[50vw]") | safe }}
     </a>
-</header>
+</header>
+<main>
+    <p>Привет мир!</p>
+</main>