{"id":5740,"date":"2021-03-10T11:31:16","date_gmt":"2021-03-10T11:31:16","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=5740"},"modified":"2023-07-17T18:21:06","modified_gmt":"2023-07-17T17:21:06","slug":"dos-and-donts-for-using-calligraphy-typography","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/","title":{"rendered":"Do&#8217;s and don&#8217;ts for using calligraphy typography"},"content":{"rendered":"<p>Here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/minimalist-web-design-to-increase-sales\/\">web design<\/a> experts. We work with companies in a range of sectors across the North West, including those in <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-blackburn\/\">Blackburn<\/a>\u00a0and\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-chorley\/\">Chorley,<\/a> to provide top quality, effective <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/potential-barriers-to-a-positive-user-experience\/\">web design<\/a> solutions. As a result, we have produced this guide to everything you should know about calligraphy typography.<\/p>\n<h2><span style=\"font-weight: 400;\">What are the important do&#8217;s and don&#8217;ts for using calligraphy typography effectively?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Calligraphy typography is a typography style that mirrors actual handwriting with swirls and flourishes. This can be incredibly decorative for your website and it also helps to add a little bit of visual style and complements your company branding. However there are a number things to bear in mind if you are to get the full benefit of this style of font on your website. So these are our important do&#8217;s and don&#8217;ts.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Do consider the size of the calligraphy typography<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Because calligraphy typography mirrors natural handwriting it is essential that you consider the size of this on the screen. Calligraphy typography that is too small will be almost impossible to read especially on small screen sizes like mobile devices. However, as with any other front you do not want your calligraphy typography to be too large and to take up too much of the screen, as this will impact on the quality of your visual design overall. To make sure you get calligraphy typography just right it can be important to experiment with different sizes so you can find the right fit for your page.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Don&#8217;t use a busy background<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Using calligraphy typography above the fold can be a great way to attract attention, direct the eye of the website user, and make a big visual impact. However this should not be combined with a busy or detailed background as the background style needs to have a large amount of contrast to really allow the calligraphy font to stand out. Detailed backgrounds can draw attention away from the front and even make the front more difficult to read. Instead it can be a good option to use a simple piece of photography or alternatively a block colour background for calligraphy fonts, especially above the fold.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Do shorten your sentences<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Above the fold, only the heading or title should use a calligraphy font, as this allows the font to attract attention to the most important pieces of text. However even so, if your heading or title is too long, this can reduce the impact of the calligraphy typography as well as take up all of the space above the fold. In this case it can be a good idea to shorten the length of your heading or sentences to 5 words or less for the maximum visual impact. However this can only be achieved effectively when this works for your company and still allows the content to make sense for your potential customers and clients.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Don&#8217;t forget the purpose of the calligraphy font<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">As with anything in web design the calligraphy font should be chosen for a particular purpose. Maybe it is the best font to fit with your branding, or maybe you want to enjoy the authenticity that calligraphy typography can bring, or maybe you simply want to stand out from your competitors, and feel like this font is the best option to achieve this. For whatever reason you have chosen calligraphy font, you should make sure to consider the purpose of this thoughtfully during the design process so that the font can really feel like an integral part of your web design.<\/span><\/p>\n<p>For more information or advice, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We work with companies in a range of sectors across the North West, including those in Blackburn\u00a0and\u00a0Chorley, to provide top quality, effective web design solutions. As a result, we have produced this guide to everything you should know about calligraphy typography. What [&#8230;]\n","protected":false},"author":2,"featured_media":2528,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Do&#039;s and don&#039;ts for using calligraphy typography - Pumpkin Web Design Manchester<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do&#039;s and don&#039;ts for using calligraphy typography - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We work with companies in a range of sectors across the North West, including those in Blackburn\u00a0and\u00a0Chorley, to provide top quality, effective web design solutions. As a result, we have produced this guide to everything you should know about calligraphy typography. What [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-10T11:31:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-17T17:21:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/04\/neon-sign-4343663_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/\",\"name\":\"Do's and don'ts for using calligraphy typography - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2021-03-10T11:31:16+00:00\",\"dateModified\":\"2023-07-17T17:21:06+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do&#8217;s and don&#8217;ts for using calligraphy typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Do's and don'ts for using calligraphy typography - Pumpkin Web Design Manchester","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/","og_locale":"en_GB","og_type":"article","og_title":"Do's and don'ts for using calligraphy typography - Pumpkin Web Design Manchester","og_description":"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design experts. We work with companies in a range of sectors across the North West, including those in Blackburn\u00a0and\u00a0Chorley, to provide top quality, effective web design solutions. As a result, we have produced this guide to everything you should know about calligraphy typography. What [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2021-03-10T11:31:16+00:00","article_modified_time":"2023-07-17T17:21:06+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2018\/04\/neon-sign-4343663_1920.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/","name":"Do's and don'ts for using calligraphy typography - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2021-03-10T11:31:16+00:00","dateModified":"2023-07-17T17:21:06+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-for-using-calligraphy-typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Do&#8217;s and don&#8217;ts for using calligraphy typography"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5740"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=5740"}],"version-history":[{"count":3,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5740\/revisions"}],"predecessor-version":[{"id":12278,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/5740\/revisions\/12278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/2528"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=5740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=5740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=5740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}