{"id":10105,"date":"2022-08-15T11:05:28","date_gmt":"2022-08-15T10:05:28","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=10105"},"modified":"2023-07-08T15:45:18","modified_gmt":"2023-07-08T14:45:18","slug":"using-word-breaks-for-website-header-typography","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/","title":{"rendered":"Using word breaks for website header 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\/testing-in-web-development\/\">web design <\/a>and web marketing experts. We work with companies and businesses across the North West, from <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport<\/a>\u00a0to\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan,<\/a> to provide effective, and successful web design solutions. As a result, we have produced this guide to everything you should know about using word breaks effectively for website header typography.<\/p>\n<h2>What are word breaks?<\/h2>\n<p>Word breaks involve the deliberate breaking of longer words into two parts, which may or may not be equal or even. These are usually used when the word is too long to fit neatly onto the area of the screen that you want to use, or for dramatic visual impact.<\/p>\n<h3>What are the considerations for using word breaks for website header typography?<\/h3>\n<p>There are a number of considerations to bear in mind if you are using a deliberate word break for your heading typography. These considerations include:<\/p>\n<ul>\n<li><strong><em>The style of the typography-<\/em> <\/strong>some styles of typography are better suited to word breaks than others. Calligraphy styles and handwriting fonts are more difficult to read in general, and breaking this style of font into two sections can make the content even more challenging. On the other hand, wide or oversized fonts in a sans serif style can be split into two sections much more effectively. You could also consider an outline font style for this too.<\/li>\n<li><strong><em>The colour of the font-<\/em> <\/strong>splitting a word into two sections can make the design of the text more challenging so it&#8217;s important to ensure that the font is visible and that each letter is well defined. As part of this you should consider the colour. Choosing a contrasting colour can help the text to stand out from the background and be more noticeable while also allowing the letters individually to stand out, increasing the legibility of the word in general.<\/li>\n<\/ul>\n<h3>What are the advantages of using word breaks for website header typography?<\/h3>\n<p>There are a number of advantages and benefits to using word breaks for website headers. These advantages include:<\/p>\n<ul>\n<li><strong><em>Instantly grabbing attention-<\/em><\/strong> the design of text that is split in two will instantly grab the attention and interest of your website users drawing the eye to that part of the screen and ensuring that your text is read and not skipped over. However, for this to be effective you will need to ensure that the font is legible.<\/li>\n<li><em><strong>Defining your company branding-<\/strong><\/em> using a word break for header text can help to define and establish your company branding, by showing the style of your company persona and showcasing this as soon as the website loads.<\/li>\n<li><strong><em>Setting your company apart-<\/em> <\/strong>using a word break for your header text can help to showcase the individuality of your company as this is a design style that your competitors may not be using. This allows your website to stand out from others and ultimately become more memorable.<\/li>\n<\/ul>\n<p>For more information or advice, or for high quality, professional web design solutions, 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","protected":false},"excerpt":{"rendered":"<p>Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design and web marketing experts. We work with companies and businesses across the North West, from Southport\u00a0to\u00a0Wigan, to provide effective, and successful web design solutions. As a result, we have produced this guide to everything you should know about using word breaks effectively for [&#8230;]\n","protected":false},"author":2,"featured_media":3244,"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>Using word breaks for website header 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\/using-word-breaks-for-website-header-typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using word breaks for website header 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 and web marketing experts. We work with companies and businesses across the North West, from Southport\u00a0to\u00a0Wigan, to provide effective, and successful web design solutions. As a result, we have produced this guide to everything you should know about using word breaks effectively for [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-15T10:05:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-08T14:45:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2020\/05\/laptop-1209008_1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\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\/using-word-breaks-for-website-header-typography\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/\",\"name\":\"Using word breaks for website header typography - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2022-08-15T10:05:28+00:00\",\"dateModified\":\"2023-07-08T14:45:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using word breaks for website header 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":"Using word breaks for website header 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\/using-word-breaks-for-website-header-typography\/","og_locale":"en_GB","og_type":"article","og_title":"Using word breaks for website header typography - Pumpkin Web Design Manchester","og_description":"Here at Pumpkin Web Design Manchester, we are Manchester&#8217;s leading web design and web marketing experts. We work with companies and businesses across the North West, from Southport\u00a0to\u00a0Wigan, to provide effective, and successful web design solutions. As a result, we have produced this guide to everything you should know about using word breaks effectively for [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2022-08-15T10:05:28+00:00","article_modified_time":"2023-07-08T14:45:18+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2020\/05\/laptop-1209008_1280.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\/using-word-breaks-for-website-header-typography\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/","name":"Using word breaks for website header typography - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2022-08-15T10:05:28+00:00","dateModified":"2023-07-08T14:45:18+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-word-breaks-for-website-header-typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Using word breaks for website header 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\/10105"}],"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=10105"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/10105\/revisions"}],"predecessor-version":[{"id":11745,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/10105\/revisions\/11745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/3244"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=10105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=10105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=10105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}