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

1import{_ as y,c as d,a as s,h as p,v as h,F as u,r as c,b as w,w as v,e as b,P as _,f as S,o as l,t as f,d as T,g as F}from"./Cvj6YUp_.js";import{_ as D}from"./Bxkk0hmo.js";import{g as k}from"./FsIr5leV.js";import{u as N}from"./B97GM_Sy.js";import{d as P,u as $}from"./pAIW8bm9.js";import{u as C,a as H}from"./DY-qDXGg.js";import"./Dh2RHB1H.js";const B=P({name:"Fonts",components:{},async setup(){let t,e;const i=N(),r="https://typeheist.co"+k();C({title:"Bad Handwriting Fonts | TYPEHEIST Font Foundry",link:[{rel:"canonical",href:r}]}),H({description:"Typeheist's signature messy handwriting fonts have an unruly charm and tonnes of personality.",ogUrl:r,ogType:"website",ogTitle:"Messy Handwriting Fonts",ogDescription:"Typeheist's signature messy handwriting fonts have an unruly charm and tonnes of personality.",ogImage:"https://typeheist.co/img/font/manic/01-manic-erratic-messy-handwritten-font.png"});const{data:o}=([t,e]=S(()=>$("fonts-messy-handwriting-page",()=>i.query("font",{where:{tags:{$contains:"messy"}},sortBy:["publishDate","desc"]}))),t=await t,e(),t);return{fonts:o}},data(){return{selectedShowingRoute:"/fonts/messy-handwriting-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=o=>{const a=Date.parse(o||"");return Number.isNaN(a)?0:a},i=o=>{const a=Number(o);return Number.isFinite(a)?a:0},r=o=>String(o||"").trim();return t.sort((o,a)=>{switch(this.selectedSort){case"oldest":return e(o.publishDate)-e(a.publishDate);case"alphabetical":return r(o.title).localeCompare(r(a.title),void 0,{sensitivity:"base"});case"price-high":return i(a.price)-i(o.price);case"price-low":return i(o.price)-i(a.price);default:return e(a.publishDate)-e(o.publishDate)}})}},methods:{navigateToShowing(){const t=this.selectedShowingRoute;if(!t)return;const e=((this._.provides[_]||this.$route)?.path||"/").replace(/\/+$/,"")||"/",i=t.replace(/\/+$/,"")||"/";e!==i&&this.$router.push(t)}}},"$I3cmo5_wzA"),A={class:"page-intro two-col-hero flex"},M={class:"font-filter-toolbar"},O={class:"filters"},R={class:"group"},U={class:"select-dropdown select-styles smol showing-select"},V=["value"],x={class:"group"},I={class:"select-dropdown select-styles smol sort-select"},E=["value"],L={id:"fontCards",class:"font-list card flex"};function j(t,e,i,r,o,a){const g=b,m=D;return l(),d("div",null,[s("section",A,[e[6]||(e[6]=s("div",{class:"intro-copy"},[s("div",{class:"col heading"},[s("h1",null,"Messy Handwriting Fonts")]),s("div",{class:"col description"},[s("p",null,"Hey, fancy seeing you here."),s("p",null," There's a good chance you’re done with well-behaved designs and you're seeking something a little more rebellious. Dive into the world of the unconventional and embrace imperfection with bad handwriting fonts. These erratic typefaces have an unruly charm and tonnes of personality in each offbeat glyph and ligature. ")])],-1)),s("div",M,[s("div",O,[s("div",R,[e[3]||(e[3]=s("span",{class:"label"},"Showing",-1)),s("div",U,[p(s("select",{"onUpdate:modelValue":e[0]||(e[0]=n=>t.selectedShowingRoute=n),onChange:e[1]||(e[1]=(...n)=>t.navigateToShowing&&t.navigateToShowing(...n))},[(l(!0),d(u,null,c(t.showingOptions,n=>(l(),d("option",{key:n.value,value:n.value},f(n.label),9,V))),128))],544),[[h,t.selectedShowingRoute]])])]),s("div",x,[e[4]||(e[4]=s("span",{class:"label"},"Sort by",-1)),s("div",I,[p(s("select",{"onUpdate:modelValue":e[2]||(e[2]=n=>t.selectedSort=n)},[(l(!0),d(u,null,c(t.sortOptions,n=>(l(),d("option",{key:n.value,value:n.value},f(n.label),9,E))),128))],512),[[h,t.selectedSort]])])])]),w(g,{to:"/font-tester/",title:"Font Tester",class:"pill black"},{default:v(()=>[...e[5]||(e[5]=[T("Font Tester →",-1)])]),_:1})])]),s("section",L,[(l(!0),d(u,null,c(t.filteredFonts,n=>

1(l(),F(m,{key:n.id,"font-data":n},null,8,["font-data"]))),128))]),e[7]||(e[7]=s("div",{class:"description-footer"},[s("p",null," With their playful charm and versatile appeal, messy handwriting fonts are a must-have addition to any designer’s toolkit. If your designs dare to stand out from the crowd, Typeheist’s signature handwriting fonts are your secret weapon. Try a messy handwriting font for your next project. ")],-1))])}const Q=y(B,[["render",j]]);export{Q as default};