{"id":517,"date":"2024-05-25T10:39:24","date_gmt":"2024-05-25T10:39:24","guid":{"rendered":"https:\/\/html5training.in\/blog\/?p=517"},"modified":"2024-05-25T10:40:04","modified_gmt":"2024-05-25T10:40:04","slug":"how-to-use-typography-in-web-design","status":"publish","type":"post","link":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/","title":{"rendered":"How to Use Typography in Web Design?"},"content":{"rendered":"<p><a href=\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-518 aligncenter\" src=\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_-300x150.webp\" alt=\"How to Use Typography in Web Design?\" width=\"1054\" height=\"527\" srcset=\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_-300x150.webp 300w, https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_-768x384.webp 768w, https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp 800w\" sizes=\"auto, (max-width: 1054px) 100vw, 1054px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Typography is a crucial element in web design that significantly impacts user experience, readability, and aesthetic appeal. The art of selecting and arranging type can convey a website&#8217;s tone, guide readers&#8217; attention, and enhance the clarity of the message. This blog will explore how to effectively use typography in web design, focusing on font selection, hierarchy, readability, responsiveness, and creative applications. If you are interested in learning Web Design, you can join <\/span><span style=\"font-weight: 400;\">the <\/span><a href=\"https:\/\/www.fita.in\/web-design-training-in-chennai\/\"><span style=\"font-weight: 400;\">Web Designing Course in Chennai<\/span><\/a><span style=\"font-weight: 400;\"> at <\/span><a href=\"https:\/\/www.fita.in\/\"><span style=\"font-weight: 400;\">FITA Academy<\/span><\/a><span style=\"font-weight: 400;\">, which offers comprehensive training in the latest web design techniques.<\/span><\/p>\n<h2 style=\"text-align: justify;\"><b>Introduction to Typography in Web Design<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Typography in web design is more than just choosing a font; it involves strategically using typefaces, sizes, weights, and colors to create a cohesive and visually appealing user interface. Good typography ensures the content is readable, engaging, and reflects the brand&#8217;s identity. By understanding the principles of typography, web designers can create sites that communicate effectively and provide a positive user experience.<\/span><\/p>\n<h2 style=\"text-align: justify;\"><b>Choosing the Right Fonts<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Selecting the right fonts is the first step in effective typography. The font you choose sets the tone for your website and should align with your brand&#8217;s personality. There are three primary categories of fonts: serif, sans-serif, and decorative.<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Serif Fonts: <\/b><span style=\"font-weight: 400;\">These fonts have little lines or strokes at the extremities of their letters. They are considered traditional and are often used in print media. Serif fonts like Times New Roman and Georgia are suitable for conveying a sense of reliability and professionalism.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Sans-Serif Fonts: <\/b><span style=\"font-weight: 400;\">Sans-serif fonts lack the small lines at the ends of letters, giving them a modern and clean appearance. Fonts like Arial, Helvetica, and Open Sans are popular web design choices due to their screen readability.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Decorative Fonts:<\/b> <span style=\"font-weight: 400;\">These unique and creative fonts are often used for specific design elements like logos or headings. While they can add personality, they should be used sparingly to avoid overwhelming the reader. In a <\/span><a href=\"https:\/\/www.fita.in\/web-designing-training\/\"><span style=\"font-weight: 400;\">Web Designing Course<\/span><\/a><span style=\"font-weight: 400;\">, students learn how to effectively incorporate these fonts to enhance visual appeal without compromising readability.<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><b>Establishing a Hierarchy<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Typography hierarchy refers to the arrangement and styling of text to create a clear distinction between different levels of information. This helps guide users through the content, making it easier to digest.<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Headings:<\/b><span style=\"font-weight: 400;\"> To grab attention, use larger and bolder fonts for headings. Headings should be distinguishable from body text and other content.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Subheadings:<\/b><span style=\"font-weight: 400;\"> Subheadings break up the content into manageable sections and should be smaller than the main heading but larger than the body text. Consistent use of subheadings helps maintain a clean and organized layout.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Body Text: <\/b><span style=\"font-weight: 400;\">The body text should be easily readable, with a font size between 16px and 18px. Choose a legible font and maintain consistent line spacing (1.5 times the font size is a good rule of thumb).<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><b>Enhancing Readability<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Readability is a key aspect of typography that affects how easily users can read and understand the content. Several factors contribute to readability:<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Contrast: <\/b><span style=\"font-weight: 400;\">Ensure that the text and background are sufficiently contrasted.\u00a0 Using dark text on a light background or light text on a dark background improves legibility.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Line Length:<\/b><span style=\"font-weight: 400;\"> Optimal line length is 50-75 characters per line. Lines that are too long or too short can strain the eyes.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Line Height: <\/b><span style=\"font-weight: 400;\">Adequate line height (leading) improves text flow. A line height of 1.5 times the font size is generally recommended.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Whitespace:<\/b><span style=\"font-weight: 400;\"> Whitespace, or negative space, around text blocks, helps reduce clutter and improve focus. It also helps to a clean and modern appearance.<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><b>Responsive Typography<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">With the growing use of mobile devices, responsive typography is critical. This involves ensuring that text remains legible and aesthetically pleasing across various screen sizes and resolutions.<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Fluid Typography:<\/b><span style=\"font-weight: 400;\"> Use relative units like percentages, ems, or rems instead of fixed units (pixels) to create a fluid design that adapts to different screen sizes.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Media Queries:<\/b><span style=\"font-weight: 400;\"> Implement media queries in your CSS to adjust font sizes and styles based on the device&#8217;s screen size. This ensures an optimal reading experience on all devices.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Viewport Units:<\/b><span style=\"font-weight: 400;\"> Utilize viewport width (vw) and viewport height (vh) units to scale typography proportionally to the screen size.<\/span><\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\"><b>Creative Use of Typography<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Typography offers a wide range of creative possibilities in web design. Beyond readability, it can create visually stunning and memorable designs.<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Custom Fonts:<\/b><span style=\"font-weight: 400;\"> Using custom fonts can set your website apart and reinforce your brand identity. Services like Google Fonts and Adobe Fonts offer a vast selection of web-safe fonts.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Text Effects: <\/b><span style=\"font-weight: 400;\">CSS and JavaScript allow for creative text effects such as shadows, gradients, animations, and transformations. However, these should be used sparingly to maintain readability.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Combining Fonts:<\/b><span style=\"font-weight: 400;\"> Pairing different fonts can create a dynamic and engaging design. When combining fonts, ensure they complement each other and maintain a visual balance.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Typography in web design is a powerful tool that goes beyond mere aesthetics. It is crucial in readability, user experience, and brand message. Web designers can create compelling websites by carefully selecting fonts, establishing a clear hierarchy, enhancing readability, ensuring responsiveness, and creatively applying typography. Mastering typography is essential for any <\/span><a href=\"https:\/\/www.fita.in\/training-institute-in-chennai\/\"><span style=\"font-weight: 400;\">Training Institute in Chennai<\/span><\/a><span style=\"font-weight: 400;\"> web designer aiming to produce visually appealing and user-friendly websites.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Typography is a crucial element in web design that significantly impacts user experience, readability, and aesthetic appeal. The art of selecting and arranging type can convey a website&#8217;s tone, guide readers&#8217; attention, and enhance the clarity of the message. This &hellip; <a href=\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":518,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[144,142,143],"class_list":["post-517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education","tag-web-designing-classes","tag-web-designing-course","tag-web-designing-training"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use Typography in Web Design?<\/title>\n<meta name=\"description\" content=\"In this blog, we will discuss How to Use Typography in Web Design. It gives a better understanding of Web Design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Typography in Web Design?\" \/>\n<meta property=\"og:description\" content=\"In this blog, we will discuss How to Use Typography in Web Design. It gives a better understanding of Web Design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML5 Tutorials\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-25T10:39:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-25T10:40:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/html5training.in\/blog\/#\/schema\/person\/7eb8d9ec35305b5f2eaaafe1ba331912\"},\"headline\":\"How to Use Typography in Web Design?\",\"datePublished\":\"2024-05-25T10:39:24+00:00\",\"dateModified\":\"2024-05-25T10:40:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\"},\"wordCount\":862,\"image\":{\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp\",\"keywords\":[\"Web Designing Classes\",\"Web Designing Course\",\"Web Designing Training\"],\"articleSection\":[\"Education\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\",\"url\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\",\"name\":\"How to Use Typography in Web Design?\",\"isPartOf\":{\"@id\":\"https:\/\/html5training.in\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp\",\"datePublished\":\"2024-05-25T10:39:24+00:00\",\"dateModified\":\"2024-05-25T10:40:04+00:00\",\"author\":{\"@id\":\"https:\/\/html5training.in\/blog\/#\/schema\/person\/7eb8d9ec35305b5f2eaaafe1ba331912\"},\"description\":\"In this blog, we will discuss How to Use Typography in Web Design. It gives a better understanding of Web Design.\",\"breadcrumb\":{\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage\",\"url\":\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp\",\"contentUrl\":\"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp\",\"width\":800,\"height\":400,\"caption\":\"How to Use Typography in Web Design?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html5training.in\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use Typography in Web Design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html5training.in\/blog\/#website\",\"url\":\"https:\/\/html5training.in\/blog\/\",\"name\":\"HTML5 Tutorials\",\"description\":\"Latest Articles on HTML\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html5training.in\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/html5training.in\/blog\/#\/schema\/person\/7eb8d9ec35305b5f2eaaafe1ba331912\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/c2851d2256801cd68babc0e8495fdc6726975d52d5bed5db8292c48d30857f82?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c2851d2256801cd68babc0e8495fdc6726975d52d5bed5db8292c48d30857f82?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c2851d2256801cd68babc0e8495fdc6726975d52d5bed5db8292c48d30857f82?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/html5training.in\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Typography in Web Design?","description":"In this blog, we will discuss How to Use Typography in Web Design. It gives a better understanding of Web Design.","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:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Typography in Web Design?","og_description":"In this blog, we will discuss How to Use Typography in Web Design. It gives a better understanding of Web Design.","og_url":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/","og_site_name":"HTML5 Tutorials","article_published_time":"2024-05-25T10:39:24+00:00","article_modified_time":"2024-05-25T10:40:04+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp","type":"image\/webp"}],"author":"admin","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#article","isPartOf":{"@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/"},"author":{"name":"admin","@id":"https:\/\/html5training.in\/blog\/#\/schema\/person\/7eb8d9ec35305b5f2eaaafe1ba331912"},"headline":"How to Use Typography in Web Design?","datePublished":"2024-05-25T10:39:24+00:00","dateModified":"2024-05-25T10:40:04+00:00","mainEntityOfPage":{"@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/"},"wordCount":862,"image":{"@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp","keywords":["Web Designing Classes","Web Designing Course","Web Designing Training"],"articleSection":["Education"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/","url":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/","name":"How to Use Typography in Web Design?","isPartOf":{"@id":"https:\/\/html5training.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage"},"image":{"@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp","datePublished":"2024-05-25T10:39:24+00:00","dateModified":"2024-05-25T10:40:04+00:00","author":{"@id":"https:\/\/html5training.in\/blog\/#\/schema\/person\/7eb8d9ec35305b5f2eaaafe1ba331912"},"description":"In this blog, we will discuss How to Use Typography in Web Design. It gives a better understanding of Web Design.","breadcrumb":{"@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#primaryimage","url":"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp","contentUrl":"https:\/\/html5training.in\/blog\/wp-content\/uploads\/2024\/05\/Web-Design-_2_.webp","width":800,"height":400,"caption":"How to Use Typography in Web Design?"},{"@type":"BreadcrumbList","@id":"https:\/\/html5training.in\/blog\/how-to-use-typography-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html5training.in\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Use Typography in Web Design?"}]},{"@type":"WebSite","@id":"https:\/\/html5training.in\/blog\/#website","url":"https:\/\/html5training.in\/blog\/","name":"HTML5 Tutorials","description":"Latest Articles on HTML","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html5training.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/html5training.in\/blog\/#\/schema\/person\/7eb8d9ec35305b5f2eaaafe1ba331912","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c2851d2256801cd68babc0e8495fdc6726975d52d5bed5db8292c48d30857f82?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c2851d2256801cd68babc0e8495fdc6726975d52d5bed5db8292c48d30857f82?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2851d2256801cd68babc0e8495fdc6726975d52d5bed5db8292c48d30857f82?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/html5training.in\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/posts\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":2,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/posts\/517\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/posts\/517\/revisions\/520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/media\/518"}],"wp:attachment":[{"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/media?parent=517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/categories?post=517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5training.in\/blog\/wp-json\/wp\/v2\/tags?post=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}