Added font-display

assets/styles/styles.css

@@ -11,6 +11,14 @@ body {
 	overflow-x: hidden;
 }
 
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-display: fallback;
+	font-weight: 400;
+	src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+}
+
 @media screen and (max-width: 480px) {
 
 	body,

error_pages/404.html

@@ -6,15 +6,18 @@
 	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136337666-1"></script>
 	<script>
 		window.dataLayer = window.dataLayer || [];
-		function gtag(){dataLayer.push(arguments);}
+
+		function gtag() {
+			dataLayer.push(arguments);
+		}
 		gtag('js', new Date());
 
-	 	gtag('config', 'UA-136337666-1');
+		gtag('config', 'UA-136337666-1');
 	</script>
 
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono" rel="stylesheet">
+	<!--	<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono" rel="stylesheet">-->
 	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
 	<title>Error 404 (Not Found)</title>
 	<style>
@@ -31,6 +34,22 @@
 			/*			min-height: 80vh;*/
 		}
 
+		@font-face {
+			font-family: 'Roboto';
+			font-style: normal;
+			font-display: fallback;
+			font-weight: 400;
+			src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+		}
+
+		@font-face {
+			font-family: 'Roboto Mono';
+			font-style: normal;
+			font-display: swap;
+			font-weight: 400;
+			src: local('Roboto Mono'), local('RobotoMono-Regular'), url(https://fonts.gstatic.com/s/robotomono/v6/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');
+		}
+
 		@media screen and (max-width: 480px) {
 
 			body,

index.html

@@ -6,16 +6,19 @@
 	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136337666-1"></script>
 	<script>
 		window.dataLayer = window.dataLayer || [];
-		function gtag(){dataLayer.push(arguments);}
+
+		function gtag() {
+			dataLayer.push(arguments);
+		}
 		gtag('js', new Date());
 
-	 	gtag('config', 'UA-136337666-1');
+		gtag('config', 'UA-136337666-1');
 	</script>
 
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<link rel="stylesheet" href="assets/styles/styles.css" media="all">
-	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" media="all">
+	<!--	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" media="all">-->
 	<link rel="icon" href="favicon.ico" type="image/x-icon" />
 	<title>Maik de Kruif (maikka39)</title>
 </head>