canary using webfonts

3 files changed, 12 insertions, 2 deletions

diff --git a/code.ttf b/code.ttf
new file mode 100644
index 00000000..7c8e65b8
--- /dev/null
+++ b/code.ttf
diff --git a/style.css b/style.css
index 0f23916b..cba68167 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,13 @@
+@font-face {
+    font-family: 'text';
+    src: url("./text.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'code';
+    src: url("./code.ttf") format("truetype");
+}
+
 * {
   line-height: 1.5em;
   margin: 0;
@@ -7,7 +17,7 @@
 }
 
 body {
-  font: normal 14px monospace;
+  font-family: text, monospace;
   width: 99%;
   max-width: 800px;
   margin: 2em auto 0;
@@ -102,7 +112,7 @@ img {
 }
 
 pre {
-  font-family: monospace;
+  font-family: courier, code, monospace;
   padding: 0;
   overflow-x: scroll;
   scrollbar-width: none;
diff --git a/text.ttf b/text.ttf
new file mode 100644
index 00000000..8df41bd5
--- /dev/null
+++ b/text.ttf