diff --git a/templates/html.html.twig b/templates/html.html.twig
index aeba314..4b65909 100644
--- a/templates/html.html.twig
+++ b/templates/html.html.twig
@@ -4,6 +4,8 @@
         <meta charset="UTF-8">
         <title>{% block title %}Tailwind CSS workshop{% endblock %}</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="/build/tailwind.css"/>
         {% block stylesheets %}{% endblock %}
     </head>