{"id":9342,"date":"2022-12-15T13:49:33","date_gmt":"2022-12-15T13:49:33","guid":{"rendered":"https:\/\/webbing.online\/?p=9342"},"modified":"2026-04-08T13:24:05","modified_gmt":"2026-04-08T13:24:05","slug":"7-common-web-typography-mistakes","status":"publish","type":"post","link":"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/","title":{"rendered":"7 Very Common Mistakes to Avoid in Web Typography"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Choosing or creating a font for a web project may seem difficult, given the significant impact it can have, but if you keep in mind certain basic guidelines to apply to the style of the <strong>web typography<\/strong> of our texts, the result will be completely professional and at the same time <strong><a href=\"https:\/\/es.wiktionary.org\/wiki\/armonioso\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">harmonious<\/a><\/strong>, though, of course, always keeping the brand's values and personality in mind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After all, we all make typos without realizing it. In this article, we want to help you recognize and avoid them. That\u2019s why the purpose of this article is to provide a checklist to help you verify that you\u2019ve used the correct form in all your <strong>Web fonts.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web.jpeg\" alt=\"web typography\" class=\"wp-image-9346\" width=\"792\" height=\"527\" srcset=\"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web.jpeg 900w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-300x200.jpeg 300w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-768x512.jpeg 768w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-500x333.jpeg 500w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-800x533.jpeg 800w\" sizes=\"(max-width: 792px) 100vw, 792px\" \/><\/figure>\n<\/div>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#%C2%BFCuales_son_los_7_errores_mas_comunes_en_tipografia_web\" >What are the 7 most common mistakes in web typography?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#1-_Interlineado_incorrecto\" >1- Incorrect line spacing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#2-_Ignorar_la_legibilidad\" >2- Ignoring readability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#3-_Descuidar_la_jerarquia\" >3- Disregarding the hierarchy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#4-_Descuidar_la_alineacion\" >4- Neglecting alignment<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#5-_Usar_muchas_tipografias\" >5- Using too many fonts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#6-_Usar_dobles_espacios_por_error\" >6- Using double spaces by mistake<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#7-_Usar_mal_las_mayusculas\" >7- Incorrect use of capital letters<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFCuales_son_los_7_errores_mas_comunes_en_tipografia_web\"><\/span><strong>What are the 7 most common mistakes in web typography?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1-_Interlineado_incorrecto\"><\/span><strong>1- Incorrect line spacing<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Line spacing is an important factor to consider when it comes to the final result of our project. It is essential <strong>respect personal space<\/strong> and that the various elements be spaced far enough apart so that there is no sense of claustrophobia or extreme density.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2-_Ignorar_la_legibilidad\"><\/span><strong>2- Ignoring readability<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is one of the most important of all\u2014and one of the most common mistakes. <strong>The text should be easy to read.<\/strong>, if we want to convey a message, we need to make it easy for viewers to understand\u2014not make it harder for them.<br>Keep in mind that the main purpose is to make the text easy to read; the typography itself doesn't need to draw much attention, and you might be wondering, \"But then, <strong><a href=\"\/en\/?\/diseno-grafico-web\/\">Isn't design important?<\/a> <\/strong>Yes, it is, but we must work to integrate it in a way that does not hinder the readability and comprehension of the text, in order to strike a balance between form and function and ensure that the text can be read without difficulty.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3-_Descuidar_la_jerarquia\"><\/span><strong>3- Disregarding the hierarchy<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When we talk about <strong>hierarchy<\/strong>, we are referring to correctly distinguishing the different elements of the text in order to properly highlight the importance of each part and thereby help guide the viewer\u2019s reading experience effectively. If hierarchy is not established, the design becomes very confusing, to the point where the user does not know where to look first.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if we take as a guide <strong>a newspaper lead<\/strong>, we see that it contains a title, a subtitle, and a paragraph. So, as we all know, the title uses the largest font size to grab the reader\u2019s attention; next, the subtitle should be slightly smaller to create contrast with the title, and finally, the body text should use a font size and weight that makes for smooth reading and prevents eye strain.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4-_Descuidar_la_alineacion\"><\/span><strong>4- Neglecting alignment<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Centered alignment can be very tempting, but it should be avoided, since for long texts this alignment does not make reading much easier.<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">On the other hand, if we align to the left,\u00a0<strong>makes reading much easier<\/strong>. It helps our eyes by identifying the beginning of each line of text and maintaining continuity as we read the body of the text.<\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">As a general rule, the text should be organized in a logical manner. You should avoid<strong> \u201cfreestyle\u201d<\/strong> and align some to the left and others to the right; whenever possible, use one-sided alignment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5-_Usar_muchas_tipografias\"><\/span><strong>5- Using too many fonts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using all kinds of fonts makes your design look unprofessional and amateurish. In a single design <strong>You shouldn't overuse too many fonts<\/strong>, we may end up compromising its readability, and it gives the impression that the choice wasn't well thought out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a recommendation, choose fonts from large typeface families such as <strong>Gotham or Swift<\/strong>, and if not, two fonts are enough to create a good design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-1.jpeg\" alt=\"web typography\" class=\"wp-image-9349\" width=\"791\" height=\"527\" srcset=\"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-1.jpeg 900w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-1-300x200.jpeg 300w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-1-768x512.jpeg 768w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-1-500x333.jpeg 500w, https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/tipografia-web-1-800x533.jpeg 800w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6-_Usar_dobles_espacios_por_error\"><\/span><strong>6- Using double spaces by mistake<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most common web typography errors involves text sizes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Double spaces create gaps within blocks of text, which disrupts the natural flow of reading for the user. Be sure to check for double spaces and remove them\u2014it's as easy as using the commands <strong>CONTROL + F or COMMAND + F (MAC) <\/strong>and find the double spaces by double-clicking on the space.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7-_Usar_mal_las_mayusculas\"><\/span><strong>7- Incorrect use of capital letters<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">And finally, the misuse of capital letters, the arrival of the <strong><a href=\"\/en\/?cat_ID=47\">social media<\/a><\/strong> have led us to write more and more nonsense. For example, we now interpret a sentence or a capitalized word as the person raising their voice.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using them in our paragraphs can make reading difficult, which is why it is recommended, for example, <strong>Use capital letters in our titles sparingly.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Elegir o crear una fuente tipogr\u00e1fica para un proyecto web puede parecer dif\u00edcil, por el peso del gran impacto que puede llegar a causar, pero si se tienen en cuenta ciertas normas de car\u00e1cter b\u00e1sico para aplicar al estilo de la tipograf\u00eda web de nuestros textos, el resultado ser\u00e1 del todo profesional y a la &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"7 Very Common Mistakes to Avoid in Web Typography\" class=\"read-more button\" href=\"https:\/\/webbing.online\/en\/7-errores-comunes-tipografia-web\/#more-9342\" aria-label=\"Read more about 7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web\">Read more<\/a><\/p>","protected":false},"author":76,"featured_media":9343,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-9342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-contenido-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web<\/title>\n<meta name=\"description\" content=\"El prop\u00f3sito de este art\u00edculo es\u00a0crear una lista para repasar si has seguido un tratamiento correcto con todas tus tipograf\u00eda web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webbing.online\/en\/7-common-web-typography-mistakes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web\" \/>\n<meta property=\"og:description\" content=\"El prop\u00f3sito de este art\u00edculo es\u00a0crear una lista para repasar si has seguido un tratamiento correcto con todas tus tipograf\u00eda web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webbing.online\/en\/7-common-web-typography-mistakes\/\" \/>\n<meta property=\"og:site_name\" content=\"Webbing\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webbingbarcelona\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-15T13:49:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-08T13:24:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/elements-web-design-opt.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"598\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"webbing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webbingbcn\" \/>\n<meta name=\"twitter:site\" content=\"@webbingbcn\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webbing\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/\"},\"author\":{\"name\":\"webbing\",\"@id\":\"https:\\\/\\\/webbing.online\\\/#\\\/schema\\\/person\\\/cc33862911b2889bf8e96dbbff47f258\"},\"headline\":\"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web\",\"datePublished\":\"2022-12-15T13:49:33+00:00\",\"dateModified\":\"2026-04-08T13:24:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/\"},\"wordCount\":873,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webbing.online\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/elements-web-design-opt.jpeg\",\"articleSection\":[\"Contenido web\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/\",\"url\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/\",\"name\":\"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webbing.online\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/elements-web-design-opt.jpeg\",\"datePublished\":\"2022-12-15T13:49:33+00:00\",\"dateModified\":\"2026-04-08T13:24:05+00:00\",\"description\":\"El prop\u00f3sito de este art\u00edculo es\u00a0crear una lista para repasar si has seguido un tratamiento correcto con todas tus tipograf\u00eda web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/webbing.online\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/elements-web-design-opt.jpeg\",\"contentUrl\":\"https:\\\/\\\/webbing.online\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/elements-web-design-opt.jpeg\",\"width\":900,\"height\":598,\"caption\":\"Logo de Elements web design - cliente de Webbing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webbing.online\\\/7-errores-comunes-tipografia-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/webbing.online\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/webbing.online\\\/#website\",\"url\":\"https:\\\/\\\/webbing.online\\\/\",\"name\":\"Webbing\",\"description\":\"Agencia de marketing digital\",\"publisher\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/webbing.online\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/webbing.online\\\/#organization\",\"name\":\"Webbing\",\"url\":\"https:\\\/\\\/webbing.online\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webbing.online\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/webbing.online\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/w2020.png\",\"contentUrl\":\"https:\\\/\\\/webbing.online\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/w2020.png\",\"width\":563,\"height\":465,\"caption\":\"Webbing\"},\"image\":{\"@id\":\"https:\\\/\\\/webbing.online\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/webbingbarcelona\",\"https:\\\/\\\/x.com\\\/webbingbcn\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/webbing-online\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCnWyBvfmzJ-p00JE9PZI7dA\",\"https:\\\/\\\/www.instagram.com\\\/webbing.online\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/webbing.online\\\/#\\\/schema\\\/person\\\/cc33862911b2889bf8e96dbbff47f258\",\"name\":\"webbing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/01fb637c8bbb65805142560fe9b648ec73c9c15ee9e6b18aa09b761c4940c1c9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/01fb637c8bbb65805142560fe9b648ec73c9c15ee9e6b18aa09b761c4940c1c9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/01fb637c8bbb65805142560fe9b648ec73c9c15ee9e6b18aa09b761c4940c1c9?s=96&d=mm&r=g\",\"caption\":\"webbing\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Very Common Mistakes to Avoid in Web Typography","description":"The purpose of this article is to provide a checklist to help you verify that you have applied the correct styling to all your web fonts.","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:\/\/webbing.online\/en\/7-common-web-typography-mistakes\/","og_locale":"en_US","og_type":"article","og_title":"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web","og_description":"El prop\u00f3sito de este art\u00edculo es\u00a0crear una lista para repasar si has seguido un tratamiento correcto con todas tus tipograf\u00eda web.","og_url":"https:\/\/webbing.online\/en\/7-common-web-typography-mistakes\/","og_site_name":"Webbing","article_publisher":"https:\/\/www.facebook.com\/webbingbarcelona","article_published_time":"2022-12-15T13:49:33+00:00","article_modified_time":"2026-04-08T13:24:05+00:00","og_image":[{"width":900,"height":598,"url":"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/elements-web-design-opt.jpeg","type":"image\/jpeg"}],"author":"webbing","twitter_card":"summary_large_image","twitter_creator":"@webbingbcn","twitter_site":"@webbingbcn","twitter_misc":{"Written by":"webbing","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#article","isPartOf":{"@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/"},"author":{"name":"webbing","@id":"https:\/\/webbing.online\/#\/schema\/person\/cc33862911b2889bf8e96dbbff47f258"},"headline":"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web","datePublished":"2022-12-15T13:49:33+00:00","dateModified":"2026-04-08T13:24:05+00:00","mainEntityOfPage":{"@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/"},"wordCount":873,"commentCount":0,"publisher":{"@id":"https:\/\/webbing.online\/#organization"},"image":{"@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#primaryimage"},"thumbnailUrl":"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/elements-web-design-opt.jpeg","articleSection":["Contenido web"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/","url":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/","name":"7 Very Common Mistakes to Avoid in Web Typography","isPartOf":{"@id":"https:\/\/webbing.online\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#primaryimage"},"image":{"@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#primaryimage"},"thumbnailUrl":"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/elements-web-design-opt.jpeg","datePublished":"2022-12-15T13:49:33+00:00","dateModified":"2026-04-08T13:24:05+00:00","description":"The purpose of this article is to provide a checklist to help you verify that you have applied the correct styling to all your web fonts.","breadcrumb":{"@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#primaryimage","url":"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/elements-web-design-opt.jpeg","contentUrl":"https:\/\/webbing.online\/wp-content\/uploads\/2022\/12\/elements-web-design-opt.jpeg","width":900,"height":598,"caption":"Logo de Elements web design - cliente de Webbing"},{"@type":"BreadcrumbList","@id":"https:\/\/webbing.online\/7-errores-comunes-tipografia-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/webbing.online\/"},{"@type":"ListItem","position":2,"name":"7 errores muy comunes que debes evitar no cometer en tipograf\u00eda web"}]},{"@type":"WebSite","@id":"https:\/\/webbing.online\/#website","url":"https:\/\/webbing.online\/","name":"Webbing","description":"Digital Marketing Agency","publisher":{"@id":"https:\/\/webbing.online\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webbing.online\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webbing.online\/#organization","name":"Webbing","url":"https:\/\/webbing.online\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webbing.online\/#\/schema\/logo\/image\/","url":"https:\/\/webbing.online\/wp-content\/uploads\/2019\/12\/w2020.png","contentUrl":"https:\/\/webbing.online\/wp-content\/uploads\/2019\/12\/w2020.png","width":563,"height":465,"caption":"Webbing"},"image":{"@id":"https:\/\/webbing.online\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webbingbarcelona","https:\/\/x.com\/webbingbcn","https:\/\/www.linkedin.com\/company\/webbing-online\/","https:\/\/www.youtube.com\/channel\/UCnWyBvfmzJ-p00JE9PZI7dA","https:\/\/www.instagram.com\/webbing.online\/"]},{"@type":"Person","@id":"https:\/\/webbing.online\/#\/schema\/person\/cc33862911b2889bf8e96dbbff47f258","name":"webbing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/01fb637c8bbb65805142560fe9b648ec73c9c15ee9e6b18aa09b761c4940c1c9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/01fb637c8bbb65805142560fe9b648ec73c9c15ee9e6b18aa09b761c4940c1c9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/01fb637c8bbb65805142560fe9b648ec73c9c15ee9e6b18aa09b761c4940c1c9?s=96&d=mm&r=g","caption":"webbing"}}]}},"_links":{"self":[{"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/posts\/9342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/comments?post=9342"}],"version-history":[{"count":2,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/posts\/9342\/revisions"}],"predecessor-version":[{"id":11351,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/posts\/9342\/revisions\/11351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/media\/9343"}],"wp:attachment":[{"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/media?parent=9342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/categories?post=9342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webbing.online\/en\/wp-json\/wp\/v2\/tags?post=9342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}