Use DM Sans font (GoogleCloudPlatform#575)

NimJay · web-flow · commit 59fd80637949 · 2021-08-19T10:52:34.000-04:00
diff --git a/src/emailservice/templates/confirmation.html b/src/emailservice/templates/confirmation.html
@@ -18,11 +18,11 @@
 <html>
   <head>
     <title>Your Order Confirmation</title>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:100,400,500" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
   </head>
   <style>
     body{
-      font-family: 'Roboto', sans-serif;
+      font-family: 'DM Sans', sans-serif;
     }
   </style>
   <body>
diff --git a/src/frontend/static/styles/styles.css b/src/frontend/static/styles/styles.css
@@ -22,7 +22,7 @@ html, body {
 
 body {
   color: #111111;
-  font-family: 'Roboto', sans-serif;
+  font-family: 'DM Sans', sans-serif;
   display: flex;
   flex-direction: column;
 }
diff --git a/src/frontend/templates/header.html b/src/frontend/templates/header.html
@@ -25,7 +25,9 @@
     <title>Online Boutique</title>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
         crossorigin="anonymous">
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" 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=DM+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="/static/styles/styles.css">
     <link rel="stylesheet" type="text/css" href="/static/styles/cart.css">
     <link rel="stylesheet" type="text/css" href="/static/styles/order.css">

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ html, body {`
`22`	`22`
`23`	`23`	`body {`
`24`	`24`	`color: #111111;`
`25`		`- font-family: 'Roboto', sans-serif;`
	`25`	`+ font-family: 'DM Sans', sans-serif;`
`26`	`26`	`display: flex;`
`27`	`27`	`flex-direction: column;`
`28`	`28`	`}`