etna + poppins font

package.json

@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "@fontsource/archivo": "^4.5.11",
+    "@fontsource/poppins": "^4.5.10",
     "@turf/rewind": "^6.5.0",
     "d3": "^7.8.2",
     "d3-array": "^3.2.2",

public/data/cities.geojson

@@ -3,13 +3,14 @@
 "name": "cities",
 "crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
 "features": [
-{ "type": "Feature", "properties": { "id": 11, "name": "Reggio Calabria" }, "geometry": { "type": "Point", "coordinates": [ 15.644703440938795, 38.102929206428641 ] } },
+{ "type": "Feature", "properties": { "id": 15, "name": "Etna" }, "geometry": { "type": "Point", "coordinates": [ 14.993957824821527, 37.750854704407772 ] } },
 { "type": "Feature", "properties": { "id": 1, "name": "Modena" }, "geometry": { "type": "Point", "coordinates": [ 10.925670125219415, 44.645979547061522 ] } },
 { "type": "Feature", "properties": { "id": 2, "name": "Ferrara" }, "geometry": { "type": "Point", "coordinates": [ 11.621081790808068, 44.836668834409785 ] } },
 { "type": "Feature", "properties": { "id": 3, "name": "L'Aquila" }, "geometry": { "type": "Point", "coordinates": [ 13.398060442567237, 42.349223979385734 ] } },
 { "type": "Feature", "properties": { "id": 5, "name": "Amatrice" }, "geometry": { "type": "Point", "coordinates": [ 13.289244646608523, 42.628981336952528 ] } },
 { "type": "Feature", "properties": { "id": 7, "name": "San Giuliano di Puglia" }, "geometry": { "type": "Point", "coordinates": [ 14.964769512645349, 41.684780489026167 ] } },
 { "type": "Feature", "properties": { "id": 8, "name": "Messina" }, "geometry": { "type": "Point", "coordinates": [ 15.553960145800227, 38.192716660578888 ] } },
-{ "type": "Feature", "properties": { "id": 10, "name": "Palermo" }, "geometry": { "type": "Point", "coordinates": [ 13.353224926565137, 38.111331744946092 ] } }
+{ "type": "Feature", "properties": { "id": 10, "name": "Palermo" }, "geometry": { "type": "Point", "coordinates": [ 13.353224926565137, 38.111331744946092 ] } },
+{ "type": "Feature", "properties": { "id": 11, "name": "Reggio Calabria" }, "geometry": { "type": "Point", "coordinates": [ 15.644703440938795, 38.102929206428641 ] } }
 ]
 }

src/app.css

@@ -1,9 +1,9 @@
 
-@import "@fontsource/roboto/index.css";
+@import "@fontsource/poppins/index.css";
 @import "@fontsource/archivo/index.css";
 
 body {
-    font-family: "Roboto" !important;
+    font-family: "Poppins" !important;
 }
 
 :root {

src/lib/Intro.svelte

@@ -17,7 +17,7 @@
     }
 
     .subtitle {
-        font-family: Courier;
+        font-family: Poppins;
         font-weight: 100;
         font-size: 2rem;
         color:  #F12526;
@@ -94,7 +94,7 @@
     {#if !mobile}
     <a id="scroll-btn" href="#scroller"></a>
     {:else}
-        <p style="color:red">Désolée ! La visualisation est disponible seulement en Desktop.</p>
+        <p style="color:red">Malheureusement la visualisation est disponible seulement en Desktop.</p>
     {/if}
 </div>
 

src/lib/Map.svelte

@@ -242,7 +242,7 @@
 
     h1 {
         margin: 30px;
-        font-family: "Roboto";
+        font-family: "Poppins";
         color: #F12526;
     }