feat: import inter font in html

opengovsg · Sep 12, 2023 · fe8c2e5 · fe8c2e5
1 parent 0808cf3
commit fe8c2e5
Showing 1 changed file with 25 additions and 6 deletions.
diff --git a/src/app/views/templates/payment-confirmation.view.html b/src/app/views/templates/payment-confirmation.view.html
@@ -1,5 +1,10 @@
 <!DOCTYPE html>
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
+    </style>
+  </head>
   <body
     class="clean-body u_body"
     style="margin: 0; padding: 0; background-color: #f8f9fd"
@@ -21,7 +26,7 @@
       </p>
       <p
         style="
-          font-family: 'Inter';
+          font-family: 'Inter', sans-serif;
           font-style: normal;
           font-weight: 600;
           font-size: 24px;
@@ -37,7 +42,7 @@
       </p>
       <div
         style="
-          font-family: 'Inter';
+          font-family: 'Inter', sans-serif;
           font-style: normal;
           font-weight: 400;
           font-size: 16px;
@@ -64,7 +69,7 @@
             width: 100%;
             height: 56px;
 
-            font-family: 'Inter';
+            font-family: 'Inter', sans-serif;
             font-style: normal;
             font-weight: 500;
             font-size: 16px;
@@ -84,12 +89,11 @@
       <div style="margin-top: 32px">
         <p
           style="
-            font-family: 'Inter';
+            font-family: 'Inter', sans-serif;
             font-style: normal;
             font-weight: 500;
             font-size: 14px;
             line-height: 20px;
-            /* or 143% */
             letter-spacing: -0.006em;
             font-feature-settings: 'cv05' on, 'cv10' on;
 
@@ -100,7 +104,22 @@
           If you are having trouble with the button above, copy and paste the
           link below into your browser:
         </p>
-        <p style="color: #445fcd; word-wrap: break-word"><%= invoiceUrl %></p>
+        <p
+          style="
+            color: #445fcd;
+            word-wrap: break-word;
+
+            font-family: 'Inter', sans-serif;
+            font-style: normal;
+            font-weight: 500;
+            font-size: 14px;
+            line-height: 20px;
+            letter-spacing: -0.006em;
+            font-feature-settings: 'cv05' on, 'cv10' on;
+          "
+        >
+          <%= invoiceUrl %>
+        </p>
       </div>
     </div>
   </body>