feat: Add font to map

Author: markgoetz

src/app/components/PropertyMap.tsx

@@ -304,7 +304,7 @@ const PropertyMap: React.FC<PropertyMapProps> = ({
 
   // map load
   return (
-    <div className="relative h-full w-full">
+    <div className="customized-map relative h-full w-full">
       <Map
         mapboxAccessToken={mapboxAccessToken}
         initialViewState={{

src/app/globals.css

@@ -10,7 +10,6 @@
        url('/fonts/hkgrotesk-bold-webfont.woff') format('woff');
   font-weight: bold;
   font-style: normal;
-
 }
 
 @font-face {
@@ -19,7 +18,6 @@
        url('/fonts/hkgrotesk-extrabold-webfont.woff') format('woff');
   font-weight: 800;
   font-style: normal;
-
 }
 
 @font-face {
@@ -28,7 +26,6 @@
        url('/fonts/hkgrotesk-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
-
 }
 
 :root {
@@ -47,10 +44,14 @@
 
 @layer base {
   html {
-    font-family: "HK Grotesk", system-ui, sans-serif;
+    @apply font-body;
   }
 }
 
+.customized-map * {
+  @apply font-body;
+}
+
 .mapboxgl-ctrl-legend {
   @apply p-5 w-full;
   padding: 2px;