diff --git a/test/__snapshots__/font-item.test.ts.snap b/test/__snapshots__/font-item.test.ts.snap
index 8ce2efb..bfa6f98 100644
--- a/test/__snapshots__/font-item.test.ts.snap
+++ b/test/__snapshots__/font-item.test.ts.snap
@@ -468,7 +468,7 @@ exports[`FontItem renders correctly 1`] = `
     >
       <button
         is="tag-button"
-        style="font-family: "Alatsi";"
+        style="font-family: "Alata";"
         title="geometric"
         value="geometric"
       >
@@ -717,7 +717,7 @@ exports[`FontItem selected subset 1`] = `
     >
       <button
         is="tag-button"
-        style="font-family: "Alatsi";"
+        style="font-family: "Alata";"
         title="geometric"
         value="geometric"
       >
diff --git a/test/__snapshots__/font-list.test.ts.snap b/test/__snapshots__/font-list.test.ts.snap
index 2e45615..35c8afe 100644
--- a/test/__snapshots__/font-list.test.ts.snap
+++ b/test/__snapshots__/font-list.test.ts.snap
@@ -199,7 +199,7 @@ exports[`FontList should render with fonts 1`] = `
       >
         <button
           is="tag-button"
-          style="font-family: "Alatsi";"
+          style="font-family: "Alata";"
           title="geometric"
           value="geometric"
         >
@@ -445,7 +445,7 @@ exports[`FontList should render with fonts and selectedSubset 1`] = `
       >
         <button
           is="tag-button"
-          style="font-family: "Alatsi";"
+          style="font-family: "Alata";"
           title="geometric"
           value="geometric"
         >
@@ -687,7 +687,7 @@ exports[`FontList should render with fonts and selectedVariant 1`] = `
       >
         <button
           is="tag-button"
-          style="font-family: "Alatsi";"
+          style="font-family: "Alata";"
           title="geometric"
           value="geometric"
         >
diff --git a/test/__snapshots__/main-app.test.ts.snap b/test/__snapshots__/main-app.test.ts.snap
index 1f2f1f9..2ce312c 100644
--- a/test/__snapshots__/main-app.test.ts.snap
+++ b/test/__snapshots__/main-app.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`MainApp renders correctly 1`] = `
 <main-app
   current-page="1"
-  results-length="1603"
+  results-length="1617"
 >
   
       
@@ -1083,7 +1083,7 @@ exports[`MainApp renders correctly 1`] = `
                 
             <button
               is="tag-button"
-              style="font-family: "Blinker";"
+              style="font-family: "Anta";"
               title="futuristic"
               value="futuristic"
             >
@@ -1140,7 +1140,7 @@ exports[`MainApp renders correctly 1`] = `
                 
             <button
               is="tag-button"
-              style="font-family: "Alatsi";"
+              style="font-family: "Alata";"
               title="geometric"
               value="geometric"
             >
@@ -1748,7 +1748,7 @@ exports[`MainApp renders correctly 1`] = `
                 
             <button
               is="tag-button"
-              style="font-family: "Alata";"
+              style="font-family: "AR One Sans";"
               title="low contrast"
               value="low contrast"
             >
@@ -2489,7 +2489,7 @@ exports[`MainApp renders correctly 1`] = `
                 
             <button
               is="tag-button"
-              style="font-family: "Cutive";"
+              style="font-family: "Courier Prime";"
               title="typewriter"
               value="typewriter"
             >
@@ -5183,16 +5183,16 @@ exports[`MainApp renders correctly 1`] = `
         
             
         <search-status
-          results-length="1603"
+          results-length="1617"
         >
           <div>
-            Found 1603 fonts
+            Found 1617 fonts
           </div>
         </search-status>
         
             
         <sort-by
-          results-length="1603"
+          results-length="1617"
           sort-by="family"
         >
           <div
@@ -6507,7 +6507,7 @@ exports[`MainApp renders correctly 1`] = `
             
         <pagination-buttons
           current-page="1"
-          results-length="1603"
+          results-length="1617"
         >
           <button
             class="btn"
@@ -6523,7 +6523,7 @@ exports[`MainApp renders correctly 1`] = `
             class="page-count"
             id="page-count"
           >
-            1 of 161
+            1 of 162
           </div>
           
 
diff --git a/test/main-app.test.ts b/test/main-app.test.ts
index ab2ed93..9a79d01 100644
--- a/test/main-app.test.ts
+++ b/test/main-app.test.ts
@@ -152,11 +152,11 @@ describe("MainApp", () => {
     expect(selectedCategory.value).toBe("display");
     expect(document.querySelector("search-status")).toMatchInlineSnapshot(`
       <search-status
-        results-length="410"
+        results-length="416"
         selected-category="display"
       >
         <div>
-          Found 410 fonts: 
+          Found 416 fonts: 
         </div>
         
 
@@ -199,11 +199,11 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="388"
+        results-length="387"
         selected-tag="need tags"
       >
         <div>
-          Found 388 fonts: 
+          Found 387 fonts: 
         </div>
         
 
@@ -253,11 +253,11 @@ describe("MainApp", () => {
 
     expect(document.querySelector("search-status")).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
         selected-tag=""
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -331,11 +331,11 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
         selected-search=""
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -390,10 +390,10 @@ describe("MainApp", () => {
 
     expect(document.querySelector("search-status")).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -415,11 +415,11 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
         selected-category=""
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -441,11 +441,11 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
         selected-subset=""
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -467,11 +467,11 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
         selected-variant=""
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -631,7 +631,7 @@ describe("MainApp", () => {
 
     expect(document.querySelector("search-status")).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
         selected-category=""
         selected-search=""
         selected-subset=""
@@ -639,7 +639,7 @@ describe("MainApp", () => {
         selected-variant=""
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -718,10 +718,10 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -818,10 +818,10 @@ describe("MainApp", () => {
     expect(checkboxVariable.checked).toBeFalsy();
     expect(document.querySelector("search-status")).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -895,10 +895,10 @@ describe("MainApp", () => {
     const searchStatus = document.querySelector("search-status");
     expect(searchStatus).toMatchInlineSnapshot(`
       <search-status
-        results-length="1603"
+        results-length="1617"
       >
         <div>
-          Found 1603 fonts
+          Found 1617 fonts
         </div>
       </search-status>
     `);
@@ -916,7 +916,7 @@ describe("MainApp", () => {
     const sortBy = document.querySelector("sort-by");
     expect(sortBy).toMatchInlineSnapshot(`
       <sort-by
-        results-length="1603"
+        results-length="1617"
         sort-by="date"
       >
         <div