Merge pull request #85 from code4policy/claire2

bherceha · web-flow · commit 158d63f7a1e2 · 2026-01-14T21:22:08.000-05:00
fonts
diff --git a/home.html b/home.html
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <title>Home — PAYT Project</title>
+    <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link href="styles/styles.css" rel="stylesheet" />
   </head>
   <body>
diff --git a/index.html b/index.html
@@ -2,6 +2,9 @@
 <html>
     <head>
         <title>Demo Website</title>
+        <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
         <!-- linking css file-->
         <link href="styles/styles.css" rel="stylesheet" />
         <!-- D3.js library -->
diff --git a/method.html b/method.html
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <title>Methodology — PAYT Project</title>
+    <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link href="styles/styles.css" rel="stylesheet" />
   </head>
   <body>
diff --git a/our-team/index.html b/our-team/index.html
@@ -2,12 +2,12 @@
 <html>
     <head>
         <title>Demo Website</title>
-
+ 
  <!-- linking css file-->
-        <link href="styles/styles.css" rel="stylesheet" />
-        <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=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <link href="styles/styles.css" rel="stylesheet" />
 
     </head>
     <body>
diff --git a/recommendations.html b/recommendations.html
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <title>Recommendations — PAYT Project</title>
+    <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link href="styles/styles.css" rel="stylesheet" />
   </head>
   <body>
diff --git a/sources.html b/sources.html
@@ -3,6 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <title>Sources — PAYT Project</title>
+    <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link href="styles/styles.css" rel="stylesheet" />
   </head>
   <body>
diff --git a/styles/styles.css b/styles/styles.css
@@ -1,8 +1,6 @@
-@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:wght@200;300;400;500;700;800&display=swap');
-
 :root {
-  --font-body: "Lora", serif;
-  --font-heading: "Montserrat", sans-serif;
+  --font-body: "Lora", Georgia, "Times New Roman", serif;
+  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --body-font-size: 16px;
   --body-line-height: 1.6;
   /* Boston.gov brand colors (from brand guidelines) */
@@ -355,7 +353,7 @@ ul ul li {
   min-height: 40px;
   padding: 8px 12px;
   box-sizing: border-box;
-  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family: var(--font-heading);
   font-weight: 400;
   font-size: 13px; /* keep banner text size */
   z-index: 9999;
@@ -418,8 +416,8 @@ ul ul li {
 .top-header,
 .top-header .header-inner,
 .site-nav-list li a {
-  font-family: 'Montserrat', sans-serif;
-  font-weight: 400; /* Montserrat Regular */
+  font-family: var(--font-heading);
+  font-weight: 400;
 }
 .site-logo {
   height: 22px;
