{"id":1661,"date":"2018-09-22T07:10:00","date_gmt":"2018-09-22T07:10:00","guid":{"rendered":"https:\/\/www.pentame.com\/blog\/?p=1661"},"modified":"2025-07-28T08:47:10","modified_gmt":"2025-07-28T08:47:10","slug":"use-of-typography-in-website-designs","status":"publish","type":"post","link":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/","title":{"rendered":"Use of Typography in website designs"},"content":{"rendered":"<p>A good website starts with an attractive typography.&nbsp;And although breaking the irregular rule is extraordinary, sometimes it\u2019s good to retrieve the ideologies of what makes great typography and how to make it. It\u2019s a vibrant refresh that can help you rethink projects, reflect a new method or just retrieve to a simpler, more efficient design. So now, we\u2019re overlooking trends and ways to break the rules to focus on typography theory and how the \u201crules\u201d can be a great guideline for creating phenomenal type.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Size and Hierarchy<\/strong><\/p>\n<p>Font size is the most important factor for the designs. It will help the readability and eye attraction. If you modify the font size hierarchy then we can tell the users what to read first, second and so on. There is an understandable scale for the body font size, headings and subheadings across the design.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Tracking and Kerning<\/strong><\/p>\n<p>Tracking and kerning are different items not same. Kerning is an adjustment of space between a pair of letters and the Tracking is an adjustment of space between a full set of characters, like paragraphs and block of text. Kerning is mainly using the large text and tracking is tightening a loose typeface in body fonts.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Limit Type Faces<\/strong><\/p>\n<p>When we use too many typefaces then it won\u2019t look good. Two or three font types is enough for most projects. Most of the typefaces have multiple styles {bold, regular, italic, condensed, black etc.}. Some font families have serif and sanserif font-types also.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Disremember Hyphens and Justification<\/strong><\/p>\n<p>Hyphens and Justification are not necessary for all the time. These techniques can make more difficult to understand. Hyphens can break up the reading experiences and Justification have an odd spacing that is difficult to read.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Don\u2019t Modify Fonts<\/strong><\/p>\n<p>You should never adjust the fonts. Don\u2019t try to make it taller, thinner and fatter. Pick a new font and use it. If a typeface doesn\u2019t match your work, then try to identify typefaces with similar appearances.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A good website starts with an attractive typography.&nbsp;And although breaking the irregular rule is extraordinary, sometimes it\u2019s good to retrieve the ideologies of what makes great typography and how to make it. It\u2019s a vibrant refresh that can help you rethink projects, reflect a new method or just retrieve to a simpler, more efficient design. [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":3656,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Use of Typography in website designs | Pentagon<\/title>\n<meta name=\"description\" content=\"Stay ahead of trends, read Use of Typography in website designs . Dive into the latest blogs from Pentagon Information Technology\" \/>\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.pentame.com\/blog\/use-of-typography-in-website-designs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use of Typography in website designs | Pentagon\" \/>\n<meta property=\"og:description\" content=\"Stay ahead of trends, read Use of Typography in website designs . Dive into the latest blogs from Pentagon Information Technology\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/\" \/>\n<meta property=\"og:site_name\" content=\"Pentagon Information Technology\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pentagon.ae\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-22T07:10:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-28T08:47:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"787\" \/>\n\t<meta property=\"og:image:height\" content=\"425\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Rojo Jose\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pentame\" \/>\n<meta name=\"twitter:site\" content=\"@pentame\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rojo Jose\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/\"},\"author\":{\"name\":\"Rojo Jose\",\"@id\":\"https:\/\/www.pentame.com\/blog\/#\/schema\/person\/9081191afbc065d24a97d9b578d19c5b\"},\"headline\":\"Use of Typography in website designs\",\"datePublished\":\"2018-09-22T07:10:00+00:00\",\"dateModified\":\"2025-07-28T08:47:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/\"},\"wordCount\":347,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp\",\"articleSection\":[\"Web Design &amp; Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/\",\"url\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/\",\"name\":\"Use of Typography in website designs | Pentagon\",\"isPartOf\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp\",\"datePublished\":\"2018-09-22T07:10:00+00:00\",\"dateModified\":\"2025-07-28T08:47:10+00:00\",\"description\":\"Stay ahead of trends, read Use of Typography in website designs . Dive into the latest blogs from Pentagon Information Technology\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage\",\"url\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp\",\"contentUrl\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp\",\"width\":787,\"height\":425},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pentame.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design &amp; Development\",\"item\":\"https:\/\/www.pentame.com\/blog\/category\/web-design-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Use of Typography in website designs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pentame.com\/blog\/#website\",\"url\":\"https:\/\/www.pentame.com\/blog\/\",\"name\":\"Pentagon Information Technology\",\"description\":\"World Class SEO Friendly Web Design &amp; Development Company UAE\",\"publisher\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pentame.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.pentame.com\/blog\/#organization\",\"name\":\"Pentagon Information Technology\",\"url\":\"https:\/\/www.pentame.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pentame.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2023\/12\/logo.png\",\"contentUrl\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2023\/12\/logo.png\",\"width\":397,\"height\":397,\"caption\":\"Pentagon Information Technology\"},\"image\":{\"@id\":\"https:\/\/www.pentame.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pentagon.ae\/\",\"https:\/\/x.com\/pentame\",\"https:\/\/www.instagram.com\/pentagon.ae\/\",\"https:\/\/www.youtube.com\/user\/pentamevideos\",\"https:\/\/www.linkedin.com\/company\/pentasolutions\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pentame.com\/blog\/#\/schema\/person\/9081191afbc065d24a97d9b578d19c5b\",\"name\":\"Rojo Jose\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pentame.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2025\/07\/rojo-sir.jpg\",\"contentUrl\":\"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2025\/07\/rojo-sir.jpg\",\"caption\":\"Rojo Jose\"},\"description\":\"Rojo Jose is the Founder and CEO of Pentagon Information Technology and a seasoned Digital Strategist with over 29 years of expertise in Cloud Infrastructure &amp; Hosting, Web &amp; E-commerce Development, Cybersecurity, Penetration Testing, and Digital Marketing. With a strong presence across the UAE, US, and UK, he has helped businesses implement secure, scalable, and growth-focused digital solutions. Under his leadership, Pentagon has become a trusted name in delivering innovative IT services worldwide.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/rojo-jose\/\"],\"url\":\"https:\/\/www.pentame.com\/blog\/author\/rojojose\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Use of Typography in website designs | Pentagon","description":"Stay ahead of trends, read Use of Typography in website designs . Dive into the latest blogs from Pentagon Information Technology","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.pentame.com\/blog\/use-of-typography-in-website-designs\/","og_locale":"en_US","og_type":"article","og_title":"Use of Typography in website designs | Pentagon","og_description":"Stay ahead of trends, read Use of Typography in website designs . Dive into the latest blogs from Pentagon Information Technology","og_url":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/","og_site_name":"Pentagon Information Technology","article_publisher":"https:\/\/www.facebook.com\/pentagon.ae\/","article_published_time":"2018-09-22T07:10:00+00:00","article_modified_time":"2025-07-28T08:47:10+00:00","og_image":[{"width":787,"height":425,"url":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp","type":"image\/webp"}],"author":"Rojo Jose","twitter_card":"summary_large_image","twitter_creator":"@pentame","twitter_site":"@pentame","twitter_misc":{"Written by":"Rojo Jose","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#article","isPartOf":{"@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/"},"author":{"name":"Rojo Jose","@id":"https:\/\/www.pentame.com\/blog\/#\/schema\/person\/9081191afbc065d24a97d9b578d19c5b"},"headline":"Use of Typography in website designs","datePublished":"2018-09-22T07:10:00+00:00","dateModified":"2025-07-28T08:47:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/"},"wordCount":347,"commentCount":0,"publisher":{"@id":"https:\/\/www.pentame.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp","articleSection":["Web Design &amp; Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/","url":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/","name":"Use of Typography in website designs | Pentagon","isPartOf":{"@id":"https:\/\/www.pentame.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage"},"image":{"@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp","datePublished":"2018-09-22T07:10:00+00:00","dateModified":"2025-07-28T08:47:10+00:00","description":"Stay ahead of trends, read Use of Typography in website designs . Dive into the latest blogs from Pentagon Information Technology","breadcrumb":{"@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#primaryimage","url":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp","contentUrl":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp","width":787,"height":425},{"@type":"BreadcrumbList","@id":"https:\/\/www.pentame.com\/blog\/use-of-typography-in-website-designs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pentame.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design &amp; Development","item":"https:\/\/www.pentame.com\/blog\/category\/web-design-development\/"},{"@type":"ListItem","position":3,"name":"Use of Typography in website designs"}]},{"@type":"WebSite","@id":"https:\/\/www.pentame.com\/blog\/#website","url":"https:\/\/www.pentame.com\/blog\/","name":"Pentagon Information Technology","description":"World Class SEO Friendly Web Design &amp; Development Company UAE","publisher":{"@id":"https:\/\/www.pentame.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pentame.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.pentame.com\/blog\/#organization","name":"Pentagon Information Technology","url":"https:\/\/www.pentame.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pentame.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2023\/12\/logo.png","contentUrl":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2023\/12\/logo.png","width":397,"height":397,"caption":"Pentagon Information Technology"},"image":{"@id":"https:\/\/www.pentame.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pentagon.ae\/","https:\/\/x.com\/pentame","https:\/\/www.instagram.com\/pentagon.ae\/","https:\/\/www.youtube.com\/user\/pentamevideos","https:\/\/www.linkedin.com\/company\/pentasolutions"]},{"@type":"Person","@id":"https:\/\/www.pentame.com\/blog\/#\/schema\/person\/9081191afbc065d24a97d9b578d19c5b","name":"Rojo Jose","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pentame.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2025\/07\/rojo-sir.jpg","contentUrl":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2025\/07\/rojo-sir.jpg","caption":"Rojo Jose"},"description":"Rojo Jose is the Founder and CEO of Pentagon Information Technology and a seasoned Digital Strategist with over 29 years of expertise in Cloud Infrastructure &amp; Hosting, Web &amp; E-commerce Development, Cybersecurity, Penetration Testing, and Digital Marketing. With a strong presence across the UAE, US, and UK, he has helped businesses implement secure, scalable, and growth-focused digital solutions. Under his leadership, Pentagon has become a trusted name in delivering innovative IT services worldwide.","sameAs":["https:\/\/www.linkedin.com\/in\/rojo-jose\/"],"url":"https:\/\/www.pentame.com\/blog\/author\/rojojose\/"}]}},"fimg_url":"https:\/\/www.pentame.com\/blog\/wp-content\/uploads\/2018\/09\/Use-of-Typography.webp","time":"1 Min","related_services":false,"tag_names":[],"category":[],"category_names":{"Web Design &amp; Development":"web-design-development"},"_links":{"self":[{"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/posts\/1661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/comments?post=1661"}],"version-history":[{"count":1,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/posts\/1661\/revisions"}],"predecessor-version":[{"id":3657,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/posts\/1661\/revisions\/3657"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/media\/3656"}],"wp:attachment":[{"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/media?parent=1661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/categories?post=1661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pentame.com\/blog\/wp-json\/wp\/v2\/tags?post=1661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}