From d98278d052e89363b7a6de120ee27d465790a199 Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Tue, 12 Jun 2018 19:18:17 +0200
Subject: [PATCH] Attempt to make fonts load faster

---
 docs/assets/application.css |   8 -
 docs/assets/fonts.css       | 308 ----------------------------------
 mkdocs.yml                  |   1 -
 theme/main.html             | 319 ++++++++++++++++++++++++++++++++++++
 4 files changed, 319 insertions(+), 317 deletions(-)
 delete mode 100644 docs/assets/fonts.css

diff --git a/docs/assets/application.css b/docs/assets/application.css
index e3eb716..fa71a65 100644
--- a/docs/assets/application.css
+++ b/docs/assets/application.css
@@ -1,11 +1,3 @@
-body, input {
-  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-pre, code, kbd, tt {
-  font-family: "Roboto Mono", "Courier New", Courier, monospace;
-}
-
 .reverse {
   padding: 0 0.2rem;
   background: #000;
diff --git a/docs/assets/fonts.css b/docs/assets/fonts.css
deleted file mode 100644
index f65f03c..0000000
--- a/docs/assets/fonts.css
+++ /dev/null
@@ -1,308 +0,0 @@
-/* roboto-100 - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 100;
-  src: url('fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Thin'), local('Roboto-Thin'),
-  url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-100italic - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 100;
-  src: url('fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
-  url('fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-300italic - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 300;
-  src: url('fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
-  url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-300 - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 300;
-  src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Light'), local('Roboto-Light'),
-  url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-regular - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local('Roboto'), local('Roboto-Regular'),
-  url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-500 - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  src: url('fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Medium'), local('Roboto-Medium'),
-  url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-italic - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 400;
-  src: url('fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Italic'), local('Roboto-Italic'),
-  url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-500italic - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 500;
-  src: url('fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
-  url('fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-700italic - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 700;
-  src: url('fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
-  url('fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-700 - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Bold'), local('Roboto-Bold'),
-  url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-900 - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 900;
-  src: url('fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Black'), local('Roboto-Black'),
-  url('fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-900italic - latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: italic;
-  font-weight: 900;
-  src: url('fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
-  url('fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
-}
-
-
-/* roboto-mono-100 - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100;
-  src: url('fonts/roboto-mono-v5-latin-100.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Thin'), local('RobotoMono-Thin'),
-  url('fonts/roboto-mono-v5-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-100.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-100.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-100italic - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100;
-  src: url('fonts/roboto-mono-v5-latin-100italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Thin Italic'), local('RobotoMono-ThinItalic'),
-  url('fonts/roboto-mono-v5-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-100italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-100italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-300 - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 300;
-  src: url('fonts/roboto-mono-v5-latin-300.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Light'), local('RobotoMono-Light'),
-  url('fonts/roboto-mono-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-300.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-300.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-300italic - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 300;
-  src: url('fonts/roboto-mono-v5-latin-300italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'),
-  url('fonts/roboto-mono-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-300italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-regular - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/roboto-mono-v5-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono'), local('RobotoMono-Regular'),
-  url('fonts/roboto-mono-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-italic - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 400;
-  src: url('fonts/roboto-mono-v5-latin-italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Italic'), local('RobotoMono-Italic'),
-  url('fonts/roboto-mono-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-500 - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 500;
-  src: url('fonts/roboto-mono-v5-latin-500.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Medium'), local('RobotoMono-Medium'),
-  url('fonts/roboto-mono-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-500.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-500.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-500italic - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 500;
-  src: url('fonts/roboto-mono-v5-latin-500italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Medium Italic'), local('RobotoMono-MediumItalic'),
-  url('fonts/roboto-mono-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-500italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-700 - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/roboto-mono-v5-latin-700.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Bold'), local('RobotoMono-Bold'),
-  url('fonts/roboto-mono-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-700.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-700.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
-
-/* roboto-mono-700italic - latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 700;
-  src: url('fonts/roboto-mono-v5-latin-700italic.eot'); /* IE9 Compat Modes */
-  src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'),
-  url('fonts/roboto-mono-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('fonts/roboto-mono-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
-  url('fonts/roboto-mono-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
-  url('fonts/roboto-mono-v5-latin-700italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
-}
diff --git a/mkdocs.yml b/mkdocs.yml
index 9102e2b..7ae5a6c 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -42,7 +42,6 @@ extra_css:
   - assets/contrib/copy-tex.min.css
   - assets/palette.min.css
   - assets/formatting.css
-  - assets/fonts.css
   - assets/application.css
 extra_javascript:
   - assets/katex.min.js
diff --git a/theme/main.html b/theme/main.html
index fa4c3f0..377ee0f 100644
--- a/theme/main.html
+++ b/theme/main.html
@@ -1,4 +1,323 @@
 {% extends "base.html" %}
 
 {% block fonts %}
+<style>
+  body, input {
+    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  }
+
+  pre, code, kbd, tt {
+    font-family: "Roboto Mono", "Courier New", Courier, monospace;
+  }
+</style>
+<style>
+  /* roboto-100 - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 100;
+    src: url('assets/fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Thin'), local('Roboto-Thin'),
+    url('assets/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-100italic - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 100;
+    src: url('assets/fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
+    url('assets/fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-300italic - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 300;
+    src: url('assets/fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
+    url('assets/fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-300 - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url('assets/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Light'), local('Roboto-Light'),
+    url('assets/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-regular - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url('assets/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
+    src: local('Roboto'), local('Roboto-Regular'),
+    url('assets/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-500 - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url('assets/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Medium'), local('Roboto-Medium'),
+    url('assets/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-italic - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 400;
+    src: url('assets/fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Italic'), local('Roboto-Italic'),
+    url('assets/fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-500italic - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 500;
+    src: url('assets/fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
+    url('assets/fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-700italic - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 700;
+    src: url('assets/fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
+    url('assets/fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-700 - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url('assets/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Bold'), local('Roboto-Bold'),
+    url('assets/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-900 - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 900;
+    src: url('assets/fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Black'), local('Roboto-Black'),
+    url('assets/fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-900italic - latin */
+  @font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 900;
+    src: url('assets/fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
+    url('assets/fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
+  }
+
+
+  /* roboto-mono-100 - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 100;
+    src: url('assets/fonts/roboto-mono-v5-latin-100.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Thin'), local('RobotoMono-Thin'),
+    url('assets/fonts/roboto-mono-v5-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-100.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-100.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-100italic - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: italic;
+    font-weight: 100;
+    src: url('assets/fonts/roboto-mono-v5-latin-100italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Thin Italic'), local('RobotoMono-ThinItalic'),
+    url('assets/fonts/roboto-mono-v5-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-100italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-100italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-300 - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 300;
+    src: url('assets/fonts/roboto-mono-v5-latin-300.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Light'), local('RobotoMono-Light'),
+    url('assets/fonts/roboto-mono-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-300.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-300.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-300italic - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: italic;
+    font-weight: 300;
+    src: url('assets/fonts/roboto-mono-v5-latin-300italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'),
+    url('assets/fonts/roboto-mono-v5-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-300italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-300italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-regular - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 400;
+    src: url('assets/fonts/roboto-mono-v5-latin-regular.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono'), local('RobotoMono-Regular'),
+    url('assets/fonts/roboto-mono-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-italic - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: italic;
+    font-weight: 400;
+    src: url('assets/fonts/roboto-mono-v5-latin-italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Italic'), local('RobotoMono-Italic'),
+    url('assets/fonts/roboto-mono-v5-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-500 - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 500;
+    src: url('assets/fonts/roboto-mono-v5-latin-500.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Medium'), local('RobotoMono-Medium'),
+    url('assets/fonts/roboto-mono-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-500.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-500.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-500italic - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: italic;
+    font-weight: 500;
+    src: url('assets/fonts/roboto-mono-v5-latin-500italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Medium Italic'), local('RobotoMono-MediumItalic'),
+    url('assets/fonts/roboto-mono-v5-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-500italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-500italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-700 - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: normal;
+    font-weight: 700;
+    src: url('assets/fonts/roboto-mono-v5-latin-700.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Bold'), local('RobotoMono-Bold'),
+    url('assets/fonts/roboto-mono-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-700.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-700.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+
+  /* roboto-mono-700italic - latin */
+  @font-face {
+    font-family: 'Roboto Mono';
+    font-style: italic;
+    font-weight: 700;
+    src: url('assets/fonts/roboto-mono-v5-latin-700italic.eot'); /* IE9 Compat Modes */
+    src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'),
+    url('assets/fonts/roboto-mono-v5-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('assets/fonts/roboto-mono-v5-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-700italic.woff') format('woff'), /* Modern Browsers */
+    url('assets/fonts/roboto-mono-v5-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
+    url('assets/fonts/roboto-mono-v5-latin-700italic.svg#RobotoMono') format('svg'); /* Legacy iOS */
+  }
+</style>
 {% endblock %}
\ No newline at end of file
-- 
GitLab