Update content for html

5 files changed, 29 insertions, 17 deletions

diff --git a/code.ttf b/code.ttf
new file mode 100644
index 00000000..7c8e65b8
--- /dev/null
+++ b/code.ttf
diff --git a/handnotes.ttf b/handnotes.ttf
new file mode 100644
index 00000000..25e688b6
--- /dev/null
+++ b/handnotes.ttf
diff --git a/heading.ttf b/heading.ttf
new file mode 100644
index 00000000..3e10e02f
--- /dev/null
+++ b/heading.ttf
diff --git a/style.css b/style.css
index 49e74ef3..f2cf40bc 100644
--- a/style.css
+++ b/style.css
@@ -1,28 +1,40 @@
+@font-face {
+    font-family: 'text';
+    src: url("./text.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'heading';
+    src: url("./heading.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'code';
+    src: url("./code.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'handnotes';
+    src: url("./handnotes.ttf") format("truetype");
+}
+
 body {
-    font-family: courier, monospace;
+    font-family: text, sans-serif;
     max-width: 1200px;
     padding: 20px;
     margin: 20px auto;
-    border: 1px solid #000000;
+    border: 1px solid #eeeeee;
     border-radius: 15px;
 }
 
 a {
-    font-family: courier, monospace;
+    font-family: code, monospace;
     text-decoration: none;
     color: #0e0e0e;
 }
 
-h1 {
-    font-family: courier, monospace;
-}
-
-h2 {
-    font-family: courier, monospace;
-}
-
-h3 {
-    font-family: courier, monospace;
+h1, h2, h3 {
+    font-family: heading, serif;
 }
 
 a {
@@ -68,12 +80,12 @@ img {
 }
 
 pre {
-    font-family: courier, monospace;
+    font-family: code, monospace;
     padding: 20px;
-    border: 1px solid #666666;
+    border: 1px solid #cccccc;
 }
 
 span.inlinecode {
-    font-family: courier, monospace;
-    border: 1px solid #666666;
+    font-family: code, monospace;
+    border: 1px solid #999999;
 }
diff --git a/text.ttf b/text.ttf
new file mode 100644
index 00000000..3fecc777
--- /dev/null
+++ b/text.ttf