add Fira Sans Extra Condensed web font

osm-americana · Oct 7, 2023 · d364151 · d364151
1 parent 9efee5b
commit d364151
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -4,6 +4,12 @@
     <meta charset="utf-8" />
     <title>OpenStreetMap Americana</title>
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <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=Fira+Sans+Extra+Condensed:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
     <meta
       name="viewport"
       content="initial-scale=1,maximum-scale=1,user-scalable=no"

diff --git a/src/js/shield_defs.js b/src/js/shield_defs.js
@@ -3753,7 +3753,8 @@ export function loadShields() {
       bannerTextHaloColor: Color.backgroundFill,
       bannerHeight: 9,
       bannerPadding: 1,
-      shieldFont: '"sans-serif-condensed", "Arial Narrow", sans-serif',
+      shieldFont:
+        '"Fira Sans Extra Condensed", "sans-serif-condensed", "Arial Narrow", sans-serif',
       shieldSize: 20,
     },
   };

diff --git a/src/shieldtest.html b/src/shieldtest.html
@@ -6,7 +6,7 @@
     <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=Overpass:wght@500&display=block"
+      href="https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
     <style>