diff --git a/assets/cutive.ttf b/assets/cutive.ttf
new file mode 100644
index 0000000..57b700d
Binary files /dev/null and b/assets/cutive.ttf differ
diff --git a/assets/main.js b/assets/main.js
index 09e2e5a..9802dbc 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -157,6 +157,9 @@ class LineAdder extends Button {
 }
 
 class PoemRegenner extends Button {
+  connectedCallback() {
+    this.setAttribute("title", "regenerate unpinnned lines");
+  }
   click() {
     $("div[is=poem-lines]").regenerate();
   }
diff --git a/main.go b/main.go
index 8833418..911c0b8 100644
--- a/main.go
+++ b/main.go
@@ -46,6 +46,7 @@ func main() {
 		"upper": strings.ToUpper,
 	})
 	r.LoadHTMLFiles("templates/index.tmpl")
+	r.StaticFile("/cutive.ttf", "./assets/cutive.ttf")
 	r.StaticFile("/favicon.ico", "./assets/favicon.ico")
 	r.StaticFile("/main.js", "./assets/main.js")
 
diff --git a/templates/index.tmpl b/templates/index.tmpl
index 6fbfa7a..875f8a1 100644
--- a/templates/index.tmpl
+++ b/templates/index.tmpl
@@ -3,6 +3,20 @@
   <head>
     <title>Trunkless</title>
 <style>
+@font-face {
+  font-family: "cutive";
+  src: url("/cutive.ttf");
+}
+
+body {
+  font-family: "cutive", monospace;
+  font-size:125%;
+}
+
+a {
+  color: black;
+}
+
 div.line:not(.unpinned) > .linetext {
   font-weight: bold;
 }
@@ -39,7 +53,7 @@ div.line:not(.unpinned) > .linetext {
       <button>save as image</button>
     </p>
     <div style="margin-bottom: 5px">
-      <button is="poem-regenner">regenerate unpinned lines</button>
+      <button is="poem-regenner">↺</button>
     </div>
     <div is="poem-lines"></div>
     <div>
