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

1import{_ as v}from"./B_rZa6pK.js";import{_ as F,c as u,a as s,d as w,b as g,h as T,i as _,F as h,r as f,w as b,e as x,P as S,f as N,j as k,o as d,t as m,n as C,k as D,g as y}from"./Cvj6YUp_.js";import{_ as H}from"./Bxkk0hmo.js";import{g as $}from"./FsIr5leV.js";import{u as P}from"./B97GM_Sy.js";import{d as R,u as A}from"./pAIW8bm9.js";import{u as B,a as L}from"./DY-qDXGg.js";import"./Dh2RHB1H.js";const z=R({name:"Fonts",components:{},async setup(){let e,t;const n=P(),l="https://typeheist.co"+$();B({title:"Realistic Handwriting Fonts | TYPEHEIST Font Foundry",link:[{rel:"canonical",href:l}]}),L({description:"Natural handwritten fonts with authentic spacing, ligatures and real pen texture. Designed for branding, packaging, social media and creative campaigns.",ogUrl:l,ogType:"website",ogTitle:"Realistic Handwriting Fonts",ogDescription:"Natural handwritten fonts with authentic spacing, ligatures and real pen texture. Designed for branding, packaging, social media and creative campaigns.",ogImage:"https://typeheist.co/img/font/belmonte-ballpoint/01-belmonte-ballpoint-realistic-biro-handwriting-font.png"});const{data:o}=([e,t]=N(()=>A("fonts-handwriting-page",()=>n.query("font",{where:{categories:{$contains:"Handwriting"}},sortBy:["publishDate","desc"]}))),e=await e,t(),e),a=["belmonte-ballpoint","manic","lore","infamous","naturalist","sad-poem"],p=k((o.value||[]).filter(r=>r?.layout==="default"&&a.includes(r.slug)).sort((r,c)=>a.indexOf(r.slug)-a.indexOf(c.slug)).map(r=>{const c=Array.isArray(r.stylesList)?r.stylesList:[],i=c.length>0?c[0]:"";return{...r,stylesList:c,selectedFont:i,fontSize:42}}));return{fonts:o,testerFonts:p}},data(){return{sampleText:"Monday Morning Coffee Co.",selectedShowingRoute:"/fonts/handwriting-fonts/",showingOptions:[{value:"/fonts/",label:"All fonts"},{value:"/fonts/popular-fonts/",label:"Popular fonts"},{value:"/fonts/display-fonts/",label:"Display fonts"},{value:"/fonts/handwriting-fonts/",label:"Handwriting fonts"},{value:"/fonts/script-handwriting-fonts/",label:"Script 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:{bestsellerFonts(){return(this.filteredFonts||[]).filter(e=>{const t=Array.isArray(e.categories)?e.categories:[],n=t.includes("Handwriting"),l=t.includes("Popular");return e.layout==="default"&&n&&l})},allHandwritingFonts(){const e=new Set((this.bestsellerFonts||[]).map(t=>t.id));return(this.filteredFonts||[]).filter(t=>!e.has(t.id))},filteredFonts(){const e=[...this.fonts||[]],t=o=>{const a=Date.parse(o||"");return Number.isNaN(a)?0:a},n=o=>{const a=Number(o);return Number.isFinite(a)?a:0},l=o=>String(o||"").trim();return e.sort((o,a)=>{switch(this.selectedSort){case"oldest":return t(o.publishDate)-t(a.publishDate);case"alphabetical":return l(o.title).localeCompare(l(a.title),void 0,{sensitivity:"base"});case"price-high":return n(a.price)-n(o.price);case"price-low":return n(o.price)-n(a.price);default:return t(a.publishDate)-t(o.publishDate)}})}},methods:{navigateToShowing(){const e=this.selectedShowingRoute;if(!e)return;const t=((this._.provides[S]||this.$route)?.path||"/").replace(/\/+$/,"")||"/",n=e.replace(/\/+$/,"")||"/";t!==n&&this.$router.push(e)},getFontPreviewStyle(e){const t=String(e.selectedFont||"").trim(),n=String(e.title||"").trim(),l=t.toLowerCase().startsWith(n.toLowerCase()),o=t?l?t:`${n} ${t}`:n,a=Number(e.fontSize);return{"font-family":o,"font-size":`${Number.isFinite(a)?a:40}px`}},selectText(e){const t=e.target;if(window.getSelection&&document.createRange){const n=document.createRange();n.selectNodeContents(t);const l=window.getSelection();l.removeAllRanges(),l.addRange(n)}else if(document.body.createTextRange){const n=document.body.createTextRange();n.moveToElementText(t),n.select()}}}},"$7YQv0fctaW"),I={class:"font-tester promo-mini-tester"},O={class:"type-something"},E={class:"tester-list card half flex"},M={class:"header"},U={class:"h4"},V={class:"styles tag black"},W={id:"bestsellerFontCards",class:"font-list card flex"},Y={id:"fontCards",class:"font-list card flex"};function j(e,t,n,l,o,a){const p=v,r=x,c=H;return d(),u("div",null,[t[4]||(t[4]=s("section",{class:"page-intro two-col-hero flex"},[s("div",{class:"intro-copy"},[s("div",{class:"col heading"},[s("h1",null,[w("Realistic Handwriting Fonts That Feel "),s("span",null,"Human")]),s("br")]),s("div",{class:"col description"},[s("p",null," Natural handwritten fonts with authentic spacing, ligatures and real pen texture. Designed for branding, packaging, social media and creative campaigns. ")])])],-1)),g(p),s("section",I,[s("div",O,[t[2]||(t[2]=s("label",{for:"promoFontTesterInput",class:"pill black tester-input-label"},"Test a few handwritten fonts ↓",-1)),T(s("textarea",{id:"promoFontTesterInput","onUpdate:modelValue":t[0]||(t[0]=i=>e.sampleText=i),class:"input",placeholder:"Type to preview all tester fonts at once.",oninput:"this.style.height = '';this.style.height = this.scrollHeight + 'px'",onFocus:t[1]||(t[1]=i=>e.selectText(i))},null,544),[[_,e.sampleText]])]),s("section",E,[(d(!0),u(h,null,f(e.testerFonts,i=>(d(),u("div",{key:i.id,class:"item flex"},[s("div",M,[g(r,{to:`/font/${i.slug}/`,title:i.title+": "+i.descriptionShort},{default:b(()=>[s("h2",U,m(i.title),1)]),_:2},1032,["to","title"]),s("span",V,m(i.styles),1)]),s("div",{class:D(i.slug+" sample-text"),contenteditable:"true",style:C(e.getFontPreviewStyle(i))},m(e.sampleText),7)]))),128))]),g(r,{to:"/font-tester/",title:"Font Tester",class:"pill black"},{default:b(()=>[...t[3]||(t[3]=[w("Test all fonts →",-1)])]),_:1})]),t[5]||(t[5]=s("section",{class:"promo-section-heading"},[s("h2",null,"Bestsellers"),s("p",null,"These are the most-loved Typeheist handwriting fonts for realistic, human-feeling design."),s("br")],-1)),s("section",W,[(d(!0),u(h,null,f(e.bestsellerFonts,i=>

1(d(),y(c,{key:i.id,"font-data":i},null,8,["font-data"]))),128))]),t[6]||(t[6]=s("section",{class:"promo-section-heading"},[s("h2",null,"All Handwriting Fonts"),s("p",null,"Still searching? Browse the full collection of realistic handwritten fonts below."),s("br")],-1)),s("section",Y,[(d(!0),u(h,null,f(e.allHandwritingFonts,i=>(d(),y(c,{key:i.id,"font-data":i},null,8,["font-data"]))),128))]),t[7]||(t[7]=s("div",{class:"description-footer"},[s("p",null," Realistic handwritten fonts can completely change the tone of a design. Whether you’re creating branding, packaging, social content, editorials or digital products, natural handwriting adds warmth, personality and emotional connection that clean corporate fonts often miss. "),s("p",null," Explore Typeheist’s collection of realistic handwritten fonts, created to feel genuinely human with authentic spacing, ligatures and imperfect handwritten detail. ")],-1))])}const et=F(z,[["render",j],["__scopeId","data-v-450920b1"]]);export{et as default};