{"id":228,"date":"2019-01-03T12:48:28","date_gmt":"2019-01-03T10:48:28","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=228"},"modified":"2019-01-22T17:24:55","modified_gmt":"2019-01-22T15:24:55","slug":"3-2-cuerpo-o-tamano-de-texto","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/3-2-cuerpo-o-tamano-de-texto\/","title":{"rendered":"3.2. Cuerpo o tama\u00f1o de texto"},"content":{"rendered":"<p>Uno de los errores m\u00e1s comunes al componer textos es formatear el cuerpo o tama\u00f1o del texto principal demasiado grande o demasiado peque\u00f1o. Hay que tener muchas consideraciones en cuenta a la hora de ajustar el tama\u00f1o del texto en una publicaci\u00f3n:<\/p>\n<ul>\n<li>\u00bfEs impresa o digital?<\/li>\n<li>Si es digital, \u00bfqu\u00e9 resoluci\u00f3n tiene la pantalla donde se va a leer?<\/li>\n<li>\u00bfA qu\u00e9 distancia se va a leer?<\/li>\n<li>\u00bfA qu\u00e9 tipo de p\u00fablico va dirigida?<\/li>\n<li>\u00bfQu\u00e9 condiciones de luz tenemos?<\/li>\n<\/ul>\n<p>No hay reglas claras que nos gu\u00eden a la hora de determinar el tama\u00f1o de un texto en funci\u00f3n de estas preguntas, pero existen recomendaciones orientativas que pueden resultar \u00fatiles. Por ejemplo, para determinar el tama\u00f1o de la fuente en dise\u00f1o web, se dice que se puede tomar como referencia un tama\u00f1o equivalente al que tendr\u00eda el texto de una novela en papel si la sostenemos a la distancia de un brazo (siempre que no tengamos problemas de vista).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-102\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033.jpg\" alt=\"\" width=\"800\" height=\"498\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033-300x187.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_033-768x478.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>En l\u00edneas generales, los cuerpos de texto para lectura en publicaciones impresas est\u00e1n entre 9 y 12 puntos tipogr\u00e1ficos, mientras que, para las pantallas, hoy en d\u00eda los textos suelen componerse a un tama\u00f1o entre 18 y 22 p\u00edxeles para <em>desktop<\/em> y 16 p\u00edxeles para versi\u00f3n m\u00f3vil. Pero estas cifras solamente son orientativas. Tendremos que elegir tambi\u00e9n en funci\u00f3n del dise\u00f1o de la tipograf\u00eda valorando especialmente aspectos como el ojo medio y el grosor de sus trazos.<\/p>\n<div class=\"featured featured-grey\"><\/p>\n<p>En el ejemplo componemos un texto en Georgia y Merriweather a un mismo tama\u00f1o y cromatismo. Observamos que Merriweather luce m\u00e1s grande y pesada debido a su dise\u00f1o y proporciones y pese a estar ambos textos compuestos con los mismos valores de tama\u00f1o e interlineado (12\/19 puntos). Eso le confiere a Merriweather una mayor presencia en la p\u00e1gina.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-103\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034.jpg\" alt=\"\" width=\"800\" height=\"509\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034-300x191.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_034-768x489.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>\n<\/div>\n<div class=\"featured featured-blue\"><\/p>\n<p><strong>Conclusi\u00f3n<\/strong><\/p>\n<p>No se debe hacer un cuerpo de texto demasiado grande ni demasiado peque\u00f1o. Se usa un m\u00ednimo de 9 puntos para publicaciones en papel y un m\u00ednimo de 16 p\u00edxeles para publicaciones en pantalla. Hay que tener en cuenta que hay tipograf\u00edas (como la Merriweather) que aparentan ser m\u00e1s grandes de lo habitual por sus caracter\u00edsticas morfol\u00f3gicas.<\/p>\n<p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Uno de los errores m\u00e1s comunes al componer textos es formatear el cuerpo o tama\u00f1o del texto principal demasiado grande o demasiado peque\u00f1o. Hay que tener muchas consideraciones en cuenta a la hora de ajustar el tama\u00f1o del texto en una publicaci\u00f3n: \u00bfEs impresa o digital? Si es digital, \u00bfqu\u00e9 resoluci\u00f3n tiene la pantalla donde [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/228"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":3,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":702,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/228\/revisions\/702"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}