feat: gunakan font Roboto dan Playfair Display di halaman publik

2026-04-03 09:20:29 +07:00
parent 2b0ac071a7
commit fb0e32da1b
10 changed files with 29 additions and 11 deletions
@@ -5,6 +5,21 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title', 'Persegi') — Organisasi Pemuda Desa Karangdadap</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    fontFamily: {
+                        sans: ['Roboto', 'sans-serif'],
+                        heading: ['Playfair Display', 'serif'],
+                    }
+                }
+            }
+        }
+    </script>
    <style>
        [x-cloak] { display: none; }
        .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@@ -13,9 +28,10 @@
        .skew-top    { clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%); margin-top: -2rem; padding-top: 5rem; }
        .skew-bottom { clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%); padding-bottom: 5rem; }
        .skew-both   { clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%); margin-top: -2rem; padding-top: 5rem; padding-bottom: 5rem; }
+        h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; }
    </style>
 </head>
-<body class="bg-white text-gray-900 font-sans antialiased">
+<body class="bg-white text-gray-900 font-sans antialiased" style="font-family: 'Roboto', sans-serif;">

    {{-- Navbar --}}
    <nav class="fixed top-0 left-0 right-0 z-50 bg-white border-b border-gray-100" x-data="{open: false}">