Update font preview page

yf-dev · Jun 4, 2024 · 7393e98 · 7393e98
1 parent 54df007
commit 7393e98
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -19,15 +19,25 @@
             padding: 0 20px;
         }
         .preview {
-            word-break: break-all;
-            font-size: 2rem;
+            word-break: break-word;
+            font-size: 1.8rem;
         }
         .preview.regular {
             font-family: "INAFFont Meconopsis Regular";
         }
         .preview.bold {
             font-family: "INAFFont Meconopsis Bold";
         }
+        .demo {
+            width: 100%;
+            min-width: 100%;
+            max-width: 100%;
+            min-height: 200px;
+            font-family: "INAFFont Meconopsis Regular";
+            font-size: 1.8rem;
+            padding: 10px;
+            margin: 10px 0;
+        }
     </style>
 </head>
 <body>
@@ -88,6 +98,13 @@ <h3>INAFFont Meconopsis Bold</h3>
                 0123456789.,'<br>
             </p>
         </div>
+        <div>
+            <h2>Demo</h2>
+            <textarea class="demo">No, I won't keep praying endlessly
+A world without love
+Is not the world that I want to see
+Tell me, how do I reconcile the joy in my memory</textarea>
+        </div>
     </div>
 </body>
 </html>