add font test

src/css/site.css

 @import "typeface-roboto.css";
 @import "typeface-roboto-mono.css";
+@import "typeface-noto-sans-kr.css";
 @import "vars.css";
 @import "base.css";
 @import "body.css";

src/css/toc.css

@@ -348,6 +348,7 @@
   display: flex;
   flex-direction: column;
   gap: 15px;
+  color: var(--color-black);
 }
 
 .chat .chat-body .message {

src/css/typeface-noto-sans-kr.css

+/*
+ * Noto Sans KR
+ */
+
+ @font-face {
+   font-family: "Noto Sans KR";
+   font-style: normal;
+   font-weight: 100;
+   src:url(../font/NotoSansKR-Thin.otf) format('opentype');
+ }
+
+@font-face {
+   font-family: "Noto Sans KR";
+   font-style: normal;
+   font-weight: 300;
+   src:url(../font/NotoSansKR-Light.otf) format('opentype');
+}
+
+@font-face {
+    font-family: "Noto Sans KR";
+    font-style: normal;
+    font-weight: 400;
+    src:url(../font/NotoSansKR-Regular.otf) format('opentype');
+}
+
+@font-face {
+    font-family: "Noto Sans KR";
+    font-style: normal;
+    font-weight: 500;
+    src:url(../font/NotoSansKR-Medium.otf) format('opentype');
+}
+
+@font-face {
+    font-family: "Noto Sans KR";
+    font-style: normal;
+    font-weight: 700;
+    src:url(../font/NotoSansKR-Bold.otf) format('opentype');
+}
+
+@font-face {
+    font-family: "Noto Sans KR";
+    font-style: normal;
+    font-weight: 900;
+    src:url(../font/NotoSansKR-Black.otf) format('opentype');
+}
+

src/css/vars.css

@@ -35,9 +35,11 @@
   --body-font-size--print: 0.9375em; /* 15px */
   --body-line-height: 1.15;
   --body-font-color: var(--color-jet-70);
-  --body-font-family: "Roboto", sans-serif;
+  /* --body-font-family: "Roboto", sans-serif; */
+  --body-font-family: Noto Sans KR, sans-serif, Arial;
   --body-font-weight-bold: 600;
-  --monospace-font-family: "Roboto Mono", monospace;
+  /* --monospace-font-family: "Roboto Mono", monospace; */
+  --monospace-font-family: Noto Sans KR, sans-serif, Arial;
   --monospace-font-weight-bold: 600;
   --h-font-weight-bold: 800;
   /* border */