diff --git a/helsinki.eot b/helsinki.eot
new file mode 100644
index 0000000..d1abffa
Binary files /dev/null and b/helsinki.eot differ
diff --git a/helsinki.woff b/helsinki.woff
new file mode 100644
index 0000000..902c326
Binary files /dev/null and b/helsinki.woff differ
diff --git a/helsinki.woff2 b/helsinki.woff2
new file mode 100644
index 0000000..34df4b5
Binary files /dev/null and b/helsinki.woff2 differ
diff --git a/index.html b/index.html
index 8b47ea2..4ef9e6b 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,14 @@
 		<style type="text/css">
 			@font-face {
 				font-family: Helsinki;
+			    src: url('helsinki.eot');
+			    src: url('helsinki.eot?#iefix') format('embedded-opentype'),
+			         url('helsinki.woff2') format('woff2'),
+			         url('helsinki.woff') format('woff'),
+			         url('helsinki.ttf') format('truetype'),
+			         url('helsinki.svg#helsinkiregular') format('svg');
 				font-weight: normal;
-    			src: url(helsinki.ttf);
+    			font-style: normal;
 			}
 
 			html {
@@ -29,7 +35,7 @@
 				background-color: #1b1c17;
 				float: left;
 				margin: 0 auto;
-				height: 90vmin;
+				height: 100vh - 10vmin;
 			}
 
 			#stats {
@@ -64,7 +70,7 @@
 			#stats div {
 				float: left;
 				font-size: 5.4vmin;
-				margin: 2vmin 4vmin;
+				margin: 2vmin;
 				width: auto;
 			}