diff --git a/css/default.css b/css/default.css
index 17372db..bd22d3b 100644
--- a/css/default.css
+++ b/css/default.css
@@ -1,11 +1,15 @@
 @font-face {
-font-family: 'Code New Roman';
-src: url('fonts/code_new_roman.otf');
+    font-family: 'code_new_romanregular';
+    src: url('../fonts/code_new_roman-webfont.woff2') format('woff2'),
+         url('../fonts/code_new_roman-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
 }
 
 body {
     width: 800px;
-	font-family: 'CodeNewRomanRegular', sans-serif;
+    font-family: "code_new_romanregular", Monospace, sans-serif;
+    font-size: medium;
     margin: 0px auto 0px auto;
 	background-color: #fdf6e3;
 	color: #586e75; /*base01*/
diff --git a/fonts/Tupfile b/fonts/Tupfile
index 2c777a4..4b3345a 100644
--- a/fonts/Tupfile
+++ b/fonts/Tupfile
@@ -1 +1 @@
-:foreach *.otf |> !tup_preserve |>
+: foreach *.otf *.woff *.woff2 |> !tup_preserve |>
diff --git a/fonts/code_new_roman-webfont.woff b/fonts/code_new_roman-webfont.woff
new file mode 100644
index 0000000..c90710d
Binary files /dev/null and b/fonts/code_new_roman-webfont.woff differ
diff --git a/fonts/code_new_roman-webfont.woff2 b/fonts/code_new_roman-webfont.woff2
new file mode 100644
index 0000000..0461005
Binary files /dev/null and b/fonts/code_new_roman-webfont.woff2 differ