https://typeheist.co/_nuxt/DSKpW32F.js

1import{_ as v,c,a as s,h as u,v as f,F as d,r as p,b as w,w as b,e as y,P as _,f as S,o as r,t as h,d as T,g as F}from"./Cvj6YUp_.js";import{_ as k}from"./Bxkk0hmo.js";import{g as D}from"./FsIr5leV.js";import{u as P}from"./B97GM_Sy.js";import{d as N,u as $}from"./pAIW8bm9.js";import{u as C,a as x}from"./DY-qDXGg.js";import"./Dh2RHB1H.js";const B=N({name:"DisplayFonts",components:{},async setup(){let t,e;const a=P(),i="https://typeheist.co"+D();C({title:"Best-selling Handwritten Fonts | TYPEHEIST Font Foundry",link:[{rel:"canonical",href:i}]}),x({description:"Discover the most popular fonts from Typeheist. Explore best-selling handwritten and script fonts used for branding, logos, social media and more.",ogUrl:i,ogType:"website",ogTitle:"Popular Handwriting Fonts",ogDescription:"Discover the most popular fonts from Typeheist. Explore best-selling handwritten and script fonts used for branding, logos, social media and more.",ogImage:"https://typeheist.co/img/font/manic/01-manic-erratic-messy-handwritten-font.png"});const{data:n}=([t,e]=S(()=>$("fonts-popular-page",()=>a.query("font",{where:{categories:{$contains:"Popular"}},sortBy:["publishDate","desc"]}))),t=await t,e(),t);return{fonts:n}},data(){return{selectedShowingRoute:"/fonts/popular-fonts/",showingOptions:[{value:"/fonts/",label:"All fonts"},{value:"/fonts/popular-fonts/",label:"Popular fonts"},{value:"/fonts/handwriting-fonts/",label:"Handwriting fonts"},{value:"/fonts/messy-handwriting-fonts/",label:"Messy fonts"},{value:"/fonts/display-fonts/",label:"Display fonts"},{value:"/fonts/script-handwriting-fonts/",label:"Script fonts"},{value:"/fonts/playful-handwriting-fonts/",label:"Playful fonts"},{value:"/bundles/",label:"Bundled fonts"}],selectedSort:"newest",sortOptions:[{value:"newest",label:"Newest"},{value:"oldest",label:"Oldest"},{value:"alphabetical",label:"Alphabetical"},{value:"price-high",label:"Price highest"},{value:"price-low",label:"Price lowest"}]}},computed:{filteredFonts(){const t=[...this.fonts||[]],e=n=>{const l=Date.parse(n||"");return Number.isNaN(l)?0:l},a=n=>{const l=Number(n);return Number.isFinite(l)?l:0},i=n=>String(n||"").trim();return t.sort((n,l)=>{switch(this.selectedSort){case"oldest":return e(n.publishDate)-e(l.publishDate);case"alphabetical":return i(n.title).localeCompare(i(l.title),void 0,{sensitivity:"base"});case"price-high":return a(l.price)-a(n.price);case"price-low":return a(n.price)-a(l.price);default:return e(l.publishDate)-e(n.publishDate)}})}},methods:{navigateToShowing(){const t=this.selectedShowingRoute;if(!t)return;const e=((this._.provides[_]||this.$route)?.path||"/").replace(/\/+$/,"")||"/",a=t.replace(/\/+$/,"")||"/";e!==a&&this.$router.push(t)}}},"$Y1zrvnZ0a2"),A={class:"page-intro two-col-hero flex"},E={class:"font-filter-toolbar"},H={class:"filters"},O={class:"group"},R={class:"select-dropdown select-styles smol showing-select"},U=["value"],V={class:"group"},M={class:"select-dropdown select-styles smol sort-select"},I=["value"],L={id:"fontCards",class:"font-list card flex"};function Y(t,e,a,i,n,l){const g=y,m=k;return r(),c("div",null,[s("section",A,[e[6]||(e[6]=s("div",{class:"intro-copy"},[s("div",{class:"col heading"},[s("h1",null,"Popular Fonts")]),s("div",{class:"col description"},[s("p",null," Discover the best-selling fonts from Typeheist. These are the styles designers, brands and creators keep coming back to, from expressive handwritten fonts to clean, versatile scripts. Whether you’re working on branding, social content or packaging, these fonts are proven to perform. ")])],-1)),s("div",E,[s("div",H,[s("div",O,[e[3]||(e[3]=s("span",{class:"label"},"Showing",-1)),s("div",R,[u(s("select",{"onUpdate:modelValue":e[0]||(e[0]=o=>t.selectedShowingRoute=o),onChange:e[1]||(e[1]=(...o)=>t.navigateToShowing&&t.navigateToShowing(...o))},[(r(!0),c(d,null,p(t.showingOptions,o=>(r(),c("option",{key:o.value,value:o.value},h(o.label),9,U))),128))],544),[[f,t.selectedShowingRoute]])])]),s("div",V,[e[4]||(e[4]=s("span",{class:"label"},"Sort by",-1)),s("div",M,[u(s("select",{"onUpdate:modelValue":e[2]||(e[2]=o=>t.selectedSort=o)},[(r(!0),c(d,null,p(t.sortOptions,o=>(r(),c("option",{key:o.value,value:o.value},h(o.label),9,I))),128))],512),[[f,t.selectedSort]])])])]),w(g,{to:"/font-tester/",title:"Font Tester",class:"pill black"},{default:b(()=>[...e[5]||(e[5]=[T("Font Tester →",-1)])]),_:1})])]),s("section",L,[(r(!0),c(d,null,p(t.filteredFonts,o=>

1(r(),F(m,{key:o.id,"font-data":o},null,8,["font-data"]))),128))]),e[7]||(e[7]=s("div",{class:"description-footer"},[s("p",null," This collection highlights trending and best-selling Typeheist fonts, making it easy to find styles that are proven to work across real-world design projects. From casual handwriting to polished script fonts, each one is designed to feel natural, expressive and easy to use. ")],-1))])}const K=v(B,[["render",Y]]);export{K as default};