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

1import{_ as v,c as a,a as t,d,b as m,w as g,h as y,i as f,F as w,r as x,x as C,e as b,f as T,j as V,o as c,t as p,v as F,n as _,k as S}from"./Cvj6YUp_.js";import{g as k}from"./FsIr5leV.js";import{u as H}from"./B97GM_Sy.js";import{d as z,u as U}from"./pAIW8bm9.js";import{u as $,a as A}from"./DY-qDXGg.js";const B=z({name:"FontTester",components:{},async setup(){let o,e;const i=H(),l="https://typeheist.co"+k();$({title:"Font Tester | TYPEHEIST Font Foundry",link:[{rel:"canonical",href:l}]}),A({description:"Use the font tester to try before you buy and find the perfect typeface. Type something into the box and test away.",ogUrl:l,ogType:"website",ogTitle:"Font Tester",ogDescription:"Use the font tester to try before you buy and find the perfect typeface. Type something into the box and test away.",ogImage:"https://typeheist.co/typeheist-font-foundry.png"});const{data:u}=([o,e]=T(()=>U("font-tester-page",async()=>await i.query("font",{where:{layout:{$ne:"bundle"}},sortBy:["publishDate","desc"]}),{deep:!0})),o=await o,e(),o);return{fonts:V((u.value||[]).map(r=>{const s=Array.isArray(r.stylesList)?r.stylesList:[],n=s.length>0?s[0]:"";return{...r,stylesList:s,selectedFont:n,fontSize:42}}))}},data(){return{sampleText:"Farmer Jack realized that big yellow quilts were expensive.",selectedFont:""}},methods:{getFontPreviewStyle(o){const e=String(o.selectedFont||"").trim(),i=String(o.title||"").trim().replace(/['’]+/g,""),l=e.toLowerCase().startsWith(i.toLowerCase()),u=e?l?e:`${i} ${e}`:i,h=Number(o.fontSize);return{"font-family":u,"font-size":`${Number.isFinite(h)?h:42}px`}},selectText(o){const e=o.target;if(window.getSelection&&document.createRange){const i=document.createRange();i.selectNodeContents(e);const l=window.getSelection();l.removeAllRanges(),l.addRange(i)}else if(document.body.createTextRange){const i=document.body.createTextRange();i.moveToElementText(e),i.select()}}}},"$A7Ry707ZmI"),L={class:"font-tester"},M={class:"page-intro two-col-hero tester-hero flex"},N={class:"intro-copy"},R={class:"col description"},D={class:"type-something"},I={class:"tester-list card half flex"},Z={class:"header"},E={class:"h4"},P={class:"styles tag black"},W={class:"test-controls flex row"},j={class:"size-slider"},q=["onUpdate:modelValue"],Y={class:"select-dropdown select-styles"},J=["onUpdate:modelValue"],Q=["value"],G={class:"col-narrow col-lg no-margin-bottom"},K={class:"banner commercial flex"},O={class:"copy"};function X(o,e,i,l,u,h){const r=b;return c(),a("div",L,[t("section",M,[t("div",N,[e[6]||(e[6]=t("div",{class:"col heading"},[t("h1",null,"Font tester")],-1)),t("div",R,[t("p",null,[e[3]||(e[3]=d(" Want to try our ",-1)),m(r,{to:"/fonts/",title:"View all fonts",class:"underline"},{default:g(()=>[...e[2]||(e[2]=[d("handwriting fonts",-1)])]),_:1}),e[4]||(e[4]=d("? This font tester is your ultimate tool for exploring and experimenting with our collection of realistic fonts. ",-1))]),e[5]||(e[5]=t("p",null," Quickly browse through our library of fonts and see how they look in different styles, sizes, and weights. Simply type your text into the preview box below, adjust the settings to your liking and watch as your chosen fonts come to life in real-time. ",-1))])]),t("div",D,[e[7]||(e[7]=t("label",{for:"fontTesterInput",class:"pill black tester-input-label"},"Type something ↓",-1)),y(t("textarea",{id:"fontTesterInput","onUpdate:modelValue":e[0]||(e[0]=s=>o.sampleText=s),class:"input",placeholder:"This is some sample text. You can alter the text in each individual box or change all text at the top.",oninput:"this.style.height = '';this.style.height = this.scrollHeight + 'px'",onFocus:e[1]||(e[1]=s=>o.selectText(s))},null,544),[[f,o.sampleText]])])]),t("section",I,[(c(!0),a(w,null,x(o.fonts,s=>(c(),a("div",{key:s.id,class:"item flex"},[t("div",Z,[m(r,{to:/font/+s.slug+"/",title:s.title+": "+s.descriptionShort,alt:"

1View Font"},{default:g(()=>[t("h2",E,p(s.title),1)]),_:2},1032,["to","title"]),t("span",P,p(s.styles),1)]),t("div",W,[t("div",j,[e[8]||(e[8]=t("label",null,"Size",-1)),e[9]||(e[9]=d()),y(t("input",{"onUpdate:modelValue":n=>s.fontSize=n,type:"range",min:"12",max:"52"},null,8,q),[[f,s.fontSize,void 0,{number:!0}]])]),t("div",Y,[y(t("select",{"onUpdate:modelValue":n=>s.selectedFont=n},[(c(!0),a(w,null,x(s.stylesList,n=>(c(),a("option",{key:n,value:n},p(n),9,Q))),128))],8,J),[[F,s.selectedFont]])])]),t("div",{class:S(s.slug+" sample-text"),contenteditable:"true",style:_(o.getFontPreviewStyle(s))},p(o.sampleText),7)]))),128))]),t("div",G,[t("div",K,[e[13]||(e[13]=C('<div class="header flex"><div class="tag">Commercial</div><div class="team"><svg width="104" height="40" viewBox="0 0 104 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="38" height="38" rx="19" fill="#233757"></rect><rect x="1" y="1" width="38" height="38" rx="19" stroke="white" stroke-width="2"></rect><path d="M13.7102 14.9901V12.4545H25.6562V14.9901H21.2031V27H18.1634V14.9901H13.7102Z" fill="white"></path><rect x="33" y="1" width="38" height="38" rx="19" fill="#FF7134"></rect><rect x="33" y="1" width="38" height="38" rx="19" stroke="white" stroke-width="2"></rect><path d="M46.2642 27V12.4545H52.0881C53.1581 12.4545 54.0507 12.6132 54.7656 12.9304C55.4806 13.2476 56.018 13.688 56.3778 14.2514C56.7377 14.8101 56.9176 15.4541 56.9176 16.1832C56.9176 16.7514 56.804 17.2509 56.5767 17.6818C56.3494 18.108 56.0369 18.4583 55.6392 18.733C55.2462 19.0028 54.7964 19.1946 54.2898 19.3082V19.4503C54.8438 19.474 55.3622 19.6302 55.8452 19.919C56.3329 20.2079 56.7282 20.6127 57.0312 21.1335C57.3343 21.6496 57.4858 22.2652 57.4858 22.9801C57.4858 23.7519 57.294 24.4408 56.9105 25.0469C56.5317 25.6482 55.9706 26.1241 55.2273 26.4744C54.4839 26.8248 53.5677 27 52.4787 27H46.2642ZM49.3395 24.4858H51.8466C52.7036 24.4858 53.3286 24.3224 53.7216 23.9957C54.1146 23.6643 54.3111 23.224 54.3111 22.6747C54.3111 22.2723 54.214 21.9171 54.0199 21.6094C53.8258 21.3016 53.5488 21.0601 53.1889 20.8849C52.8338 20.7098 52.41 20.6222 51.9176 20.6222H49.3395V24.4858ZM49.3395 18.5412H51.6193C52.0407 18.5412 52.4148 18.4678 52.7415 18.321C53.0729 18.1695 53.3333 17.9564 53.5227 17.6818C53.7169 17.4072 53.8139 17.0781 53.8139 16.6946C53.8139 16.169 53.6269 15.7453 53.2528 15.4233C52.8835 15.1013 52.358 14.9403 51.6761 14.9403H49.3395V18.5412Z" fill="white"></path><rect x="65" y="1" width="38" height="38" rx="19" fill="#D92BAB"></rect><rect x="65" y="1" width="38" height="38" rx="19" stroke="white" stroke-width="2"></rect><path d="M78.7642 27V12.4545H88.5653V14.9901H81.8395V18.456H88.0611V20.9915H81.8395V24.4645H88.5938V27H78.7642Z" fill="white"></path></svg></div></div>',1)),t("div",O,[e[11]||(e[11]=t("h3",{class:"h4"},"Built for teams, agencies and big audiences.",-1)),e[12]||(e[12]=t("p",null,"If you’re using fonts for a bigger business, client or campaign, this is likely what you need.",-1)),m(r,{to:"/commercial-licenses/",title:"Commercial licensing info",alt:"Commercial licensing info",class:"btn sm secondary"},{default:g(()=>[...e[10]||(e[10]=[d(" Commercial licensing →",-1)])]),_:1})])])])])}const ne=v(B,[["render",X]]);export{ne as default};