{"id":16543,"date":"2026-07-06T15:11:17","date_gmt":"2026-07-06T13:11:17","guid":{"rendered":"https:\/\/areafdesign.com\/por-que-no-deben-justificar-los-textos-de-una-pagina-web\/"},"modified":"2026-07-16T13:11:00","modified_gmt":"2026-07-16T11:11:00","slug":"por-que-no-deben-justificar-los-textos-de-una-pagina-web","status":"publish","type":"post","link":"https:\/\/areafdesign.com\/es\/por-que-no-deben-justificar-los-textos-de-una-pagina-web\/","title":{"rendered":"\u00bfPor qu\u00e9 no deben justificar los textos de una p\u00e1gina web?"},"content":{"rendered":"

En este art\u00edculo trataremos de explicar por qu\u00e9 no es conveniente utilizar la propiedad de CSS text-align:justify;. Seguramente si eres dise\u00f1ador web sabes el porqu\u00e9 del asunto, como tambi\u00e9n es seguro que te has encontrado alguna vez haciendo los \u00faltimos retoques en el maquetado de una p\u00e1gina web, y de repente, el cliente te pregunta si puedes alinear los textos de cierta columna o p\u00e1rrafo para que quede todo a la misma altura y \u00abm\u00e1s bonito\u00bb. Pues bien, aqu\u00ed explicaremos una serie de motivos por los que esta pr\u00e1ctica no es recomendable:<\/p>\n

 <\/p>\n

    \n
  1. L\u00edneas justificadas = l\u00edo dentro del p\u00e1rrafo.<\/strong><\/li>\n<\/ol>\n

    No vamos a discutir que, visualmente, puede quedar m\u00e1s atractivo un texto justificado o por separar columnas de manera \u201cm\u00e1s limpia\u201d. El problema es que en muchos casos puede resultar un l\u00edo, ya que no podemos controlar el comportamiento de la justificaci\u00f3n, que puede verse alterado por la amplia variable de los textos dependiendo de los dispositivos que utilice el usuario para leer nuestra web. Esto penaliza el interior del p\u00e1rrafo, donde se generar\u00e1n grandes espacios vac\u00edos entre palabras para igualar todas las l\u00edneas a la misma altura, esto provoca interrupciones en la lectura y hacen el bloque de texto desigual. <\/strong><\/p>\n

    \u00bfVale la pena sacrificar la lectura de un texto para tener las l\u00edneas justificadas? Rotundamente no, lo que interesa es que el texto sea le\u00eddo.<\/p>\n

     <\/p>\n

      \n
    1. La tecnolog\u00eda web no est\u00e1 preparada para su justificaci\u00f3n.<\/strong><\/li>\n<\/ol>\n

      Si alguna vez has trabajado con alguna herramienta de dise\u00f1o editorial como Adobe Indesign<\/a> , seguro que te has dado cuenta de que utilizan un sistema m\u00e1s sofisticado a la hora de justificar los textos. Estos programas trabajan, no s\u00f3lo con el espacio entre palabras, sino que tambi\u00e9n juegan con el espacio entre letras, a\u00f1aden guiones si se debe cortar una palabra al final de una l\u00ednea, o incluso disponen de versiones de la misma fuente m\u00e1s anchas o m\u00e1s estrechas, de esta forma se consigue una justificaci\u00f3n mucho m\u00e1s equilibrada. Estos factores no se pueden controlar ni con HTML ni con CSS, y por tanto los navegadores lo interpretando dejando enormes huecos entre palabras.<\/strong><\/p>\n

      \"lectura<\/strong><\/strong><\/strong><\/p>\n

        \n
      1. Los textos justificados son los m\u00e1s dif\u00edciles de leer.<\/strong><\/strong><\/strong><\/li>\n<\/ol>\n

        Probablemente esta es la raz\u00f3n principal por la que no utilizar textos, recordemos que lo que nos interesa de los textos de nuestra web es que el usuario o cliente los lea.<\/p>\n

        Aparte de la raz\u00f3n evidente que hemos comentado en los puntos anteriores, sobre los vac\u00edos que se generan dentro de los p\u00e1rrafos de texto que dificultan la lectura hay otra raz\u00f3n que quiz\u00e1s es menos evidente, y es que es m\u00e1s f\u00e1cil leer l\u00edneas desiguales, ya esto facilita tomar referencia al lector para encontrar la l\u00ednea siguiente, esto es m\u00e1s complicado cuando las l\u00edneas son iguales.<\/p>\n

         <\/p>\n

         <\/p>\n

          \n
        1. Los peri\u00f3dicos utilizan textos justificados.<\/strong><\/li>\n<\/ol>\n

          Esto es bastante habitual correcto, la mayor\u00eda de publicaciones impresas utilizan texto justificado, pero, como se ha comentado anteriormente, los editores profesionales utilizan un software especializado para asegurarse de que el espaciado es correcto, utilizando diferentes t\u00e9cnicas para que sea agradable de leer.<\/p>\n

          Dicho esto, \u00bfse ha dado cuenta de que estas publicaciones impresas en la web no utilizan texto justificado?<\/strong><\/p>\n

           <\/p>\n

            \n
          1. Di NO a la justificaci\u00f3n.<\/strong><\/li>\n<\/ol>\n

            La justificaci\u00f3n de textos sacrifica la utilidad de la palabra a expensas de la b\u00fasqueda equivocada de una est\u00e9tica limpia y ordenada. Incluso con el uso de sofisticadas aplicaciones de escritorio, el texto justificado necesita la actuaci\u00f3n de un tip\u00f3grafo bien formado para que quede bien, ya sea aplicando cambios concretos en la tipograf\u00eda o en los vac\u00edos que se generan.<\/p>\n

            Por tanto, sobre todo en entornos web, y sobre todo si son dise\u00f1adores, nunca justifique el texto<\/strong> . Ser\u00e1 una pregunta menos para hacerle en el ya ilimitado mundo del dise\u00f1o.<\/p>\n

            Y recuerde siempre, que si tiene una duda sobre \u00e9ste o de otros temas relacionados con el dise\u00f1o de una p\u00e1gina web, s\u00f3lo tiene que enviarnos una consulta<\/a> y le reponderemos lo antes posible.<\/p>\n","protected":false},"excerpt":{"rendered":"

            En este art\u00edculo trataremos de explicar por qu\u00e9 no es conveniente utilizar la propiedad de CSS text-align:justify;. Seguramente si eres dise\u00f1ador web sabes el porqu\u00e9 del asunto, como tambi\u00e9n es seguro que te has encontrado alguna vez haciendo los \u00faltimos retoques en el maquetado de una p\u00e1gina web, y de repente, el cliente te pregunta […]<\/p>\n","protected":false},"author":1,"featured_media":15921,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-16543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"_links":{"self":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/comments?post=16543"}],"version-history":[{"count":1,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16543\/revisions"}],"predecessor-version":[{"id":16544,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/posts\/16543\/revisions\/16544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/media\/15921"}],"wp:attachment":[{"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/media?parent=16543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/categories?post=16543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/areafdesign.com\/es\/wp-json\/wp\/v2\/tags?post=16543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}