From d364151efba2c26b0c65870d7d2a17b6abba224b Mon Sep 17 00:00:00 2001
From: Clay Smalley <claysmalley@gmail.com>
Date: Wed, 4 Oct 2023 20:10:22 -0400
Subject: [PATCH] add Fira Sans Extra Condensed web font

---
 src/index.html        | 6 ++++++
 src/js/shield_defs.js | 3 ++-
 src/shieldtest.html   | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 3a828f824..c7b19a9d4 100644
--- 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
index c1085579c..edfcebed0 100644
--- 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
index 77b703211..037469b5b 100644
--- 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>