diff --git a/static/k8x12S.ttf b/src/lib/assets/k8x12S.ttf
similarity index 100%
rename from static/k8x12S.ttf
rename to src/lib/assets/k8x12S.ttf
diff --git a/src/routes/k8x12S/+page.svelte b/src/routes/k8x12S/+page.svelte
new file mode 100644
index 0000000..14ba05b
--- /dev/null
+++ b/src/routes/k8x12S/+page.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+let content = "私は細胞ですが、肉はエヌですか?";
+</script>
+
+<textarea name="content" id="content" bind:value={content}></textarea>
+
+<div id="main" class="main">
+  {@html content}
+</div>
+
+<style>
+  @font-face { font-family: k8x12S; src: url(../../lib/assets/k8x12S.ttf); }
+
+  #main {
+    font-family: k8x12S;
+    font-size: 2em;
+    display: block;
+    color: #c9d1d9;
+    background-color: #0d1117;
+    width: fit-content;
+    max-width: 600px;
+    padding: 10px;
+  }
+
+  :global(html, body) {
+    background-color: #0d1117;
+    color: #c9d1d9;
+  }
+</style>