diff --git a/html/convo/text/start_roman.html b/html/convo/text/start_roman.html
index 2fe67a2..8a39a83 100644
--- a/html/convo/text/start_roman.html
+++ b/html/convo/text/start_roman.html
@@ -1 +1 @@
-                <p class="convo_roman">
\ No newline at end of file
+                <p class="convo-roman">
\ No newline at end of file
diff --git a/text_analysis.css b/text_analysis.css
index 6f87002..87c0e89 100644
--- a/text_analysis.css
+++ b/text_analysis.css
@@ -4,6 +4,8 @@
     --spacer-color-2: rgba(0, 0, 0, 0.2);
     --left-color: rgb(167, 179, 167);
     --right-color: rgb(97, 206, 97);
+    --font-normal: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    --font-heonian: "heonian", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
 
 @font-face {
@@ -13,7 +15,7 @@
 
 body {
     margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
+    font-family: var(--font-normal);
 }
 
 main {
@@ -68,6 +70,11 @@ main {
     text-align: right;
 }
 
+.convo-heonian {
+    font-family: var(--font-heonian);
+    word-break: break-all;
+}
+
 .notes {
     width: 300px;
     margin: 8px;
@@ -112,7 +119,7 @@ main {
 }
 
 .words table td:first-of-type {
-    font-family: "heonian";
+    font-family: var(--font-heonian);
 }
 
 .clickable {