Ship a web font

app/static/fonts/README.md

@@ -0,0 +1,2 @@
+From https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=latin
+License: Apache-2.0

frontend/style.scss

@@ -6,6 +6,10 @@ a {
     text-decoration: none;
 }
 
+:root {
+    --bs-font-sans-serif: 'Roboto',sans-serif;
+}
+
 body {
     padding-top: 4.45rem;
 }
@@ -38,3 +42,23 @@ body {
         font-size: 0.8em;
     }
 }
+
+/* roboto-regular - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Roboto'), local('Roboto-Regular'),
+         url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+         url('fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  }
+
+/* roboto-700 - latin */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+            url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+            url('fonts/roboto-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}