Add a custom font.
authorGrégory Burri <gregory.burri@matisa.ch>
Mon, 30 Sep 2019 12:48:20 +0000 (14:48 +0200)
committerGrégory Burri <gregory.burri@matisa.ch>
Mon, 30 Sep 2019 12:48:20 +0000 (14:48 +0200)
backend/static/Roobert-Bold.woff2 [new file with mode: 0644]
backend/static/Roobert-Regular.woff2 [new file with mode: 0644]
backend/static/Roobert-SemiBold.woff2 [new file with mode: 0644]
backend/static/style.css
backend/templates/main.html

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
index 0297c69..45f5f2f 100644 (file)
@@ -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
index 349d3a0..1d00b6e 100644 (file)
@@ -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