Add a custom font.

diff --git a/backend/static/Roobert-Bold.woff2 b/backend/static/Roobert-Bold.woff2
new file mode 100644 (file)
index 0000000..77c344b
Binary files /dev/null and b/backend/static/Roobert-Bold.woff2 differ

diff --git a/backend/static/Roobert-Regular.woff2 b/backend/static/Roobert-Regular.woff2
new file mode 100644 (file)
index 0000000..ae13580
Binary files /dev/null and b/backend/static/Roobert-Regular.woff2 differ

diff --git a/backend/static/Roobert-SemiBold.woff2 b/backend/static/Roobert-SemiBold.woff2
new file mode 100644 (file)
index 0000000..7dd8607
Binary files /dev/null and b/backend/static/Roobert-SemiBold.woff2 differ

diff --git a/backend/static/style.css b/backend/static/style.css
index 0297c69..45f5f2f 100644 (file)
--- a/backend/static/style.css
+++ b/backend/static/style.css
@@ -1,3 +1,7 @@
+@font-face{font-family: Roobert; font-weight:400; src:url(Roobert-Regular.woff2) format("woff2"); }
+@font-face{font-family:Roobert; font-weight:600; src:url(Roobert-SemiBold.woff2) format("woff2"); }
+@font-face{font-family:Roobert; font-weight:700; src:url(Roobert-Bold.woff2) format("woff2"); }
+
 * {
   margin: 50px;
   padding: 0px;
@@ -5,15 +9,15 @@
 
 body {
    font-size: 18px;
-   text-shadow: 2px 2px 2px #DDD;
+   font-family: Roobert, Helvetica Neue, Helvetica, Arial, sans-serif;
+   text-shadow: 2px 2px 2px rgb(0, 0, 0);
    text-align: center;
    line-height: 18px;
-   color: #5b5b5b;
-   background-color: #ededed;
+   color: rgb(255, 255, 255);
+   background-color:  rgb(24, 24, 27);
    margin: 0px;
 }
 
 img {
   border: 0px;
-}
-
+}
\ No newline at end of file

diff --git a/backend/templates/main.html b/backend/templates/main.html
index 349d3a0..1d00b6e 100644 (file)
--- a/backend/templates/main.html
+++ b/backend/templates/main.html
@@ -11,5 +11,6 @@
         <div class="container">
             <h1>{{ test }}</h1>
         </div>
+        <p>Text to test the new font.</p>
     </body>
 </html>
\ No newline at end of file