From: Simon Cozens <simon@simon-cozens.org>
Date: Fri, 18 Jul 2025 13:35:25 +0000 (+0100)
Subject: Show sample of font while tagging
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=241527fe44d7ce39a8117345db992056c2199146;p=thirdparty%2Fgoogle%2Ffonts.git

Show sample of font while tagging
---

diff --git a/tagger2/TagsByFont.js b/tagger2/TagsByFont.js
index 22d5c67ea..49e835501 100644
--- a/tagger2/TagsByFont.js
+++ b/tagger2/TagsByFont.js
@@ -28,6 +28,10 @@ export default {
           {{ tag }}
         </option>
       </select>
+      <p :style="{ fontFamily: font }" contenteditable="true" class="sample">
+        Grumpy wizards make toxic brew for the evil Queen and Jack.
+      </p>
+
       <ul>
         <li v-for="tag in filteredTags" :key="tag.tagName + tag.family.name + tag.score">
           {{ tag.tagName }}
diff --git a/tagger2/style.css b/tagger2/style.css
index c49be1b50..8333bfd03 100644
--- a/tagger2/style.css
+++ b/tagger2/style.css
@@ -14,4 +14,6 @@ body {
 .tag-score { padding-left: 20px; color: #888; }
 
 .frame { margin: 5px; padding: 5px; border: 1px solid black; }
-.panel { margin: 5px; padding: 5px; }
\ No newline at end of file
+.panel { margin: 5px; padding: 5px; }
+
+.sample { font-size: 25pt; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; }
\ No newline at end of file