{"id":139638,"date":"2021-05-17T10:00:00","date_gmt":"2021-05-17T15:00:00","guid":{"rendered":"https:\/\/getflywheel.com\/?p=7591"},"modified":"2025-11-25T09:45:58","modified_gmt":"2025-11-25T15:45:58","slug":"make-your-font","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/","title":{"rendered":"How to Make Your Own Font Template"},"content":{"rendered":"\n<p>If you\u2019re here, you\u2019ve probably been scouring the internet for hours looking for that perfect font\u2014and you didn\u2019t find it. You\u2019re under a lot of pressure to make your design look *just right* as the bar for creative brand storytelling continues to rise higher and higher. Now, your plan of attack is to create your own font, and what a great that idea is!&nbsp;<\/p>\n\n\n\n<p>Creating a font is not as hard as it sounds, and the process can open the floodgates of opportunity when it comes to customizing your font&#8217;s look and feel. When you make your own font template, you harness the power to control your line weight, serifs, density, and so much more.<\/p>\n\n\n\n<p>There are a couple of different ways you can go about this, and depending on what style you\u2019re going for, there are ways to create digital solutions as well as hand-drawn fonts. For now, we\u2019re going to focus on the hands-on method and learn how to turn your real-life artwork into a virtual typeface. <\/p>\n\n\n\n<p>Let&#8217;s dive in!<\/p>\n\n\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"choosing\">Choose the Font or Template Site You Want to Use<\/h2>\n\n\n\n<p>If you Google \u201cmake your own font,\u201d you\u2019ll find more than enough websites capable of bringing your artwork to life. Overall, they mostly follow the same system, so don\u2019t stress too much about this. To help you sort through everything, here are three font building sites we recommend:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a data-type=\"URL\" data-id=\"https:\/\/www.calligraphr.com\/en\/\" href=\"https:\/\/www.calligraphr.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">Calligraphr<\/a>&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/fontstruct.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fontstruct<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.prototypo.io\/\" data-type=\"URL\" data-id=\"https:\/\/www.prototypo.io\/\" target=\"_blank\">Prototypo<\/a><\/li>\n<\/ul>\n\n\n\n<p>For this tutorial, we&#8217;re using&nbsp; Calligraphr to get the project off the ground. This platform is free and extremely user friendly for beginner font designers.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"gather\">Gather Your Materials<\/h2>\n\n\n\n<p>You\u2019ll need a few things to get started building fonts with your own handwriting. At a minimum, a decent pen and paper is a good starting place. To jazz up your creative process, grab a ruler, a protractor, and your computer to look up creative inspiration. This will help with your drawing consistency, especially if you\u2019re adding a lot of bells and whistles to your custom font!&nbsp;<\/p>\n\n\n\n<p>Let your creativity run wild. If you want to make perfect curves and lines, go for it. Want to grab your 3-year old and see what they come up with? Utilize them too. That\u2019s the best part of making your own font\u2014you can determine how it looks to fit your client&#8217;s creative brief.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/getflywheel.com\/layout\/wp-content\/uploads\/2020\/03\/2019-10-16_Layout-Repository-9471-784x523.jpg\" alt=\"A person practicing their font design work on a notebook. make your own font\" class=\"wp-image-40009\" \/><\/figure>\n\n\n\n<p>No matter the style, you\u2019ll want to use a dark pen for the final product on font template paper. Make sure your line weights aren&#8217;t too skinny or too heavy\u2014find something with a medium weight. We used a Sharpie, so you can see how that turns out in the final project (spoiler alert: The font looks <em>really<\/em> thick).<\/p>\n\n\n\n<p>We suggest starting with a pencil. Remember, you can always sketch and then refine with the pen. Just erase any scribbles before you\u2019re finished!<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"practice\">Time to Practice Your Font<\/h2>\n\n\n\n<p>Depending on how natural your font is to draw, you may or may not need to practice before attempting the final version. <\/p>\n\n\n\n<p>On the template sheets you\u2019ll download in the next step, you\u2019ll have to put multiple characters on a single sheet of paper. That means if you mess up one letter and aren\u2019t able to fix it, you may have to redo an entire sheet of characters. If your font is really intricate, that\u2019s going to be incredibly draining on your time and patience.<\/p>\n\n\n\n<p>Even if it\u2019s just once, practice your font, and hopefully you\u2019ll avoid the bumps in the road during the final version.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"real\">Do it For Real Now<\/h2>\n\n\n\n<p>Once you\u2019re ready, download and print the font-building template page from the site of your choice. This probably looks like a couple of pieces of paper with a designated area for each letter. Like you\u2019ve practiced, just draw your letterforms as you want them.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2015\/01\/font1-1024x683.jpg\" alt=\"The font templet sheets. make your own font\" class=\"wp-image-7592\" \/><figcaption class=\"wp-element-caption\">Your font template sheet will look something similar to this!<\/figcaption><\/figure>\n\n\n\n<p>Since the artwork on the templates will be your own font, you want it to be right. Go slow, double-check your characters, and leave yourself enough time to do this without being rushed. The last thing you want is to discover mistakes in your font after you\u2019ve installed it on your computer and are trying to use it for a project.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"upload\">Time to Upload and Create Your Font<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2015\/01\/font2-1024x683.jpg\" alt=\"Custom font on a template sheet. make your own font\" class=\"wp-image-7593\" \/><figcaption class=\"wp-element-caption\">Here&#8217;s what ours looked like with all the letters drawn!<\/figcaption><\/figure>\n\n\n\n<p>Once you\u2019re satisfied with your work, it\u2019s time to upload the templates to whatever site you&#8217;ve decided to use. Scan your font templates and then make sure you look at the specific requirements for how they need to be uploaded. <\/p>\n\n\n\n<p>Just follow the site\u2019s instructions, and wait for your font to be created. With Caligraphr, our wait time was approximately seven seconds, so it\u2019s a pretty fast turn around.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install\">Install the Font and Go!<\/h2>\n\n\n\n<p>Your font is now just like any other that you would download, so install it the same way you would any other font you found online. It\u2019s really that easy!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2015\/01\/font3.png\" alt=\"The new font created by the writer of this article is displayed with white text over a pink background. make your own font\" class=\"wp-image-7594\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"lessons\">A Few Things Learned From Drawing a Custom Font<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>See those two dots in between the two lines of text? We have no idea where those came from, but they\u2019re attached to the \u201cM\u201d character. So, be extra careful to erase any extra markings on your template before uploading.<\/li>\n\n\n\n<li>Writing your own font with the template can feel very awkward. Think back to kindergarten when you were first learning how to write by tracing letters; creating your own font is a similar experience. Consider printing a few extra template sheets so you can practice first to get the hang of it.<\/li>\n\n\n\n<li>The Sharpie looked nice on paper, but the line weights look much thicker as a digital font. Also, the ends of the letters didn\u2019t get copied very well, resulting in the rather childish-looking font you see above.<\/li>\n\n\n\n<li>Although it\u2019s difficult since you design each letter separately, try to keep in mind how all the characters relate to each other. For some reason, our lowercase \u201ct\u201d ended up much smaller (and higher) than the other letters, so it looks a little out of place.<\/li>\n<\/ul>\n\n\n\n<p>Honestly, your first font may take a couple of tries. While it\u2019s a simple process, you\u2019ll probably learn new and better ways to go about making your own font each time you do it.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-css-opacity\" \/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Custom fonts and lettering have been on the rise as the demand for unique brand storytelling pushes&nbsp;our creative ceilings higher and higher. Hopefully this font-building tutorial eases your frustration because you now have the power to bring your custom lettering ideas to life!&nbsp;<\/p>\n\n\n\n<p>Another way to ease your development frustrations is by using WP Engine&#8217;s high-quality <a href=\"https:\/\/wpengine.com\/wordpress-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress hosting<\/a> solutions for all the sites you manage! <a href=\"\/contact\/\">Talk with a representative<\/a> to learn more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re here, you\u2019ve probably been scouring the internet for hours looking for that perfect font\u2014and you didn\u2019t find it. You\u2019re under a lot of pressure to make your design look *just right* as the bar for creative brand storytelling continues to rise higher and higher. Now, your plan of attack is to create your<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":326,"featured_media":139998,"template":"","resource-topic":[1396],"resource-role":[895,1397],"resource-type":[916],"class_list":["post-139638","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Make Your Own Font Template<\/title>\n<meta name=\"description\" content=\"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Your Own Font Template\" \/>\n<meta property=\"og:description\" content=\"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-25T15:45:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/05\/make-your-own-font.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"882\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Make Your Own Font Template\" \/>\n<meta name=\"twitter:description\" content=\"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/05\/make-your-own-font.jpeg\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/\",\"name\":\"How to Make Your Own Font Template\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2021-05-17T15:00:00+00:00\",\"dateModified\":\"2025-11-25T15:45:58+00:00\",\"description\":\"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Make Your Own Font Template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f6180ac79b3b1f535995d94fa9560149\",\"name\":\"Britt Dreisbach\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8895e96ebec5211a4f9dc2483d055c38bcd0da21fb7ef6c38973ef8e83a733b4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8895e96ebec5211a4f9dc2483d055c38bcd0da21fb7ef6c38973ef8e83a733b4?s=96&d=mm&r=g\",\"caption\":\"Britt Dreisbach\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make Your Own Font Template","description":"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Make Your Own Font Template","og_description":"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2025-11-25T15:45:58+00:00","og_image":[{"width":2560,"height":882,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/05\/make-your-own-font.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"How to Make Your Own Font Template","twitter_description":"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/05\/make-your-own-font.jpeg","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/","name":"How to Make Your Own Font Template","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2021-05-17T15:00:00+00:00","dateModified":"2025-11-25T15:45:58+00:00","description":"Creating your own font is easy! Learn how to make font templates built from your own handwriting and more with this step-by-step guide.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/make-your-font\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Make Your Own Font Template"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f6180ac79b3b1f535995d94fa9560149","name":"Britt Dreisbach","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8895e96ebec5211a4f9dc2483d055c38bcd0da21fb7ef6c38973ef8e83a733b4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8895e96ebec5211a4f9dc2483d055c38bcd0da21fb7ef6c38973ef8e83a733b4?s=96&d=mm&r=g","caption":"Britt Dreisbach"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2021\/05\/make-your-own-font-grid.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Agency, Designer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/139998"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139638"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139638"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139638"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}