{"id":462,"date":"2015-09-03T16:00:29","date_gmt":"2015-09-03T15:00:29","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/?p=462"},"modified":"2015-09-03T16:29:42","modified_gmt":"2015-09-03T15:29:42","slug":"ortotipografia-i-convencions-dus-destils-tipografics","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/sobre-tipografia\/ortotipografia\/ortotipografia-i-convencions-dus-destils-tipografics\/","title":{"rendered":"Ortotipograf\u00eda y convenciones de uso de estilos tipogr\u00e1ficos"},"content":{"rendered":"<p><span lang=\"es-ES\">La mayor\u00eda de las familias <\/span><span lang=\"es-ES\"><b>tipogr\u00e1ficas<\/b><\/span><span lang=\"es-ES\"> tienen <\/span><span lang=\"es-ES\"><b>variantes formales<\/b><\/span><span lang=\"es-ES\">, conocidas habitualmente como \u00ab<\/span><span lang=\"es-ES\"><b>estilos<\/b><\/span><span lang=\"es-ES\">\u00bb, que se distribuyen en diferentes <\/span><span lang=\"es-ES\"><b>fuentes<\/b><\/span><span lang=\"es-ES\">. Dentro de la familia las variantes conservan una l\u00ednea general de formas y proporciones que hace que se puedan combinar de manera coherente.<\/span><\/p>\n<p><span lang=\"es-ES\">Estos estilos, como pueden serlo el uso de may\u00fasculas, min\u00fasculas, versalitas o las comillas, son recursos de tipograf\u00eda <\/span><span lang=\"es-ES\"><b>distintiva<\/b><\/span><span lang=\"es-ES\"> para dar <\/span><span lang=\"es-ES\"><b>expresividad<\/b><\/span><span lang=\"es-ES\"> al texto o para enfatizar partes de este (<\/span><span style=\"font-size: small\"><span lang=\"es-ES\">Mar\u00edn, 2013, 2.1, p\u00e1gs. 68-71) (Mijksenaar, 2001, p\u00e1g. 35)<\/span><\/span><span lang=\"es-ES\">. <\/span><\/p>\n<p lang=\"es-ES\">Los estilos m\u00e1s habituales son:<\/p>\n<ul>\n<li>\n<p lang=\"es-ES\">la redonda, regular o romana; el estilo m\u00e1s habitual, con astas verticales de los caracteres y un peso visual medio<\/p>\n<\/li>\n<li>\n<p lang=\"es-ES\">la negrita; tiene m\u00e1s peso visual, los trazos son m\u00e1s gruesos que la redonda<\/p>\n<\/li>\n<li><span lang=\"es-ES\">la cursiva o<\/span><span lang=\"es-ES\"><i> it\u00e1lica; <\/i><\/span><span lang=\"es-ES\">inclinada, con un dise\u00f1o diferente de los caracteres que los hace de un solo trazo y m\u00e1s cerrados, apuntando enlaces entre ellos, inspirada en el trazo y direcci\u00f3n de la escritura manual, es m\u00e1s din\u00e1mica, marca el sentido de la lectura. Tambi\u00e9n puede tener la variante <\/span><span lang=\"es-ES\"><i><b>negrita<\/b><\/i><\/span><span lang=\"es-ES\"><i>.<\/i><\/span><\/li>\n<li><span lang=\"es-ES\">la <\/span><span lang=\"es-ES\"><span lang=\"ca-ES\" style=\"font-style: oblique\">romana oblicua<\/span><\/span><span lang=\"es-ES\">; inclinada como la cursiva pero manteniendo el dise\u00f1o de caracteres de la redonda<\/span><\/li>\n<\/ul>\n<p lang=\"es-ES\">y se pueden complementar con<\/p>\n<ul>\n<li>\n<p lang=\"es-ES\"><span style=\"font-weight: lighter\">la fina<\/span>; con trazos m\u00e1s finos que la redonda, m\u00ednima expresi\u00f3n del trazado de los caracteres, deja muy blanco el papel<\/p>\n<\/li>\n<li>\n<p lang=\"es-ES\">la <span style=\"font-weight: 900\">extranegra<\/span>; con m\u00e1s peso visual que la negrita, trazos muy gruesos<\/p>\n<\/li>\n<li>\n<p lang=\"es-ES\" style=\"font-weight: lighter\">la <span style=\"font-weight: 300\">seminegra<\/span>; con un peso visual intermedio entre la redonda y la negrita<\/p>\n<\/li>\n<\/ul>\n<p lang=\"es-ES\">Los estilos se pueden usar para distinguir palabras dentro de un texto o distinguir letreros en un gr\u00e1fico o infograf\u00eda. En general los textos se escriben en redonda y la cursiva o la negrita tienen este papel distintivo. Los tip\u00f3grafos recomiendan evitar la romana oblicua que se ve como una opci\u00f3n que no es ni chicha ni limonada, una falsa cursiva. La fina se suele utilizar en vez de la redonda cuando se quiere dar ligereza al texto y la supernegra se usa en titulares o textos destacados.<\/p>\n<hr \/>\n<p><strong>Comparaci\u00f3 entre it\u00e0lica i romana obliqua<\/strong><\/p>\n<p><a href=\"http:\/\/creativepro.com\/typetalk-italic-vs-oblique\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/3v6x691yvn532gp2411ezrib.wpengine.netdna-cdn.com\/wp-content\/uploads\/sites\/default\/files\/styles\/article-full-column-width\/public\/B.Italic_vs_Oblique.jpg?itok=gPhLgoDW\" alt=\"\" width=\"600\" height=\"279\" \/><\/a><a href=\"http:\/\/creativepro.com\/typetalk-italic-vs-oblique\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/3v6x691yvn532gp2411ezrib.wpengine.netdna-cdn.com\/wp-content\/uploads\/sites\/default\/files\/styles\/article-full-column-width\/public\/C.Italic_vs_Oblique.jpg\" alt=\"\" width=\"600\" height=\"263\" \/><\/a>En esta comparaci\u00f3n <a class=\"url fn\" title=\"Posts by Ilene Strizver\" href=\"http:\/\/creativepro.com\/author\/ilene-strizver\/\" rel=\"author\">Ilene Strizver<\/a> demuestra, utilizando tres fuentes distintas, como en la versi\u00f3n it\u00e1lica el dise\u00f1o de la letra cambia, mientras que en la versi\u00f3n oblicua el dise\u00f1o se mantiene y simplemente se inclina.<\/p>\n<p><span style=\"color: #666666\"><span style=\"font-size: small\"><span lang=\"ca-ES\">Fuente: CreativePro http:\/\/creativepro.com\/typetalk-italic-vs-oblique<\/span><\/span><\/span><\/p>\n<p lang=\"es-ES\"><span style=\"color: #666666\"><span style=\"font-size: small\">Esta imagen se reproduce acogi\u00e9ndose al derecho de cita o rese\u00f1a (art. 32 LPI) y est\u00e1 excluida de la licencia general del texto o la web.<\/span><\/span><\/p>\n<hr \/>\n<p>Veamos algunos usos que la tradici\u00f3n ortotipogr\u00e1fica ha hecho convencionales. Empecemos por ver<span lang=\"es-ES\"> en que casos se usa la <\/span><span lang=\"es-ES\"><b>cursiva<\/b><\/span><span lang=\"es-ES\">:<\/span><\/p>\n<ul>\n<li><span lang=\"es-ES\">Dentro de los textos cuando se cita el nombre de una obra de arte, de teatro, el t\u00edtulo de un libro, de una revista, de una pel\u00edcula o programa de televisi\u00f3n. <\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">En el programa <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>D\u00edas de Cine<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> hablaron de las pel\u00edculas influenciadas por <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>Blade Runner<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">. La escultura <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>La Colometa<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> de Xavier Medina-Campeny hace referencia a la novela <\/span><\/span><span style=\"color: #e69138\"><i>El mirall trencat<\/i><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> de Merc\u00e8 Rodoreda. Le\u00ed en <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>Cultura\/s<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> que har\u00e1n una nueva versi\u00f3n de <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>Enrique<\/i><\/span><\/span> <span style=\"color: #e69138\"><span lang=\"es-ES\"><i>IV.<\/i><\/span><\/span><\/li>\n<li><span lang=\"es-ES\">Cuando se menciona un seud\u00f3nimo acompa\u00f1ado del nombre real. <\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">Antoni Guti\u00e9rrez D\u00edaz, <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>el <\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>Guti<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">, fue secretario general del PSUC.<\/span><\/span><\/li>\n<li><span lang=\"es-ES\">Los nombres cient\u00edficos de especies u organismos vivos van por norma en cursiva, con la primera letra de la primera palabra (el g\u00e9nero) en may\u00fascula y la de la segunda (la especie) en min\u00fascula. <\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">El n\u00edscalo es el <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>Lactarius sanguifluus<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> y la trompeta de la muerte el <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>Craterellus cornucopioides<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">.<\/span><\/span><\/li>\n<li><span lang=\"es-ES\">Dentro de textos las palabras extranjeras. <\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">En el portal <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>opendata<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> encontrar\u00e1s la informaci\u00f3n que puedes analizar.<\/span><\/span><\/li>\n<li><span lang=\"es-ES\">Las palabras que el autor quiere enfatizar, hacer que el lector las tenga presentes porque son un concepto clave de lo que explica o por alguna cuesti\u00f3n interna de la narraci\u00f3n. <\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">En <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>las mismas situaciones<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"> hay que utilizar <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>las<\/i><\/span><\/span> <span style=\"color: #e69138\"><span lang=\"es-ES\"><i>mismas soluciones<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">, esto da consistencia al dise\u00f1o. No utilizaba un instrumento cualquiera sino siempre unos <\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\"><i>alicates de punta redonda<\/i><\/span><\/span><span style=\"color: #e69138\"><span lang=\"es-ES\">, para aquel trabajo.<\/span><\/span><\/li>\n<\/ul>\n<p lang=\"es-ES\">En todos estos ejemplos la cursiva es un estilo tipogr\u00e1fico distintivo dentro de un texto en redonda. Pero en prensa se ha consolidado un uso en los titulares, para distinguir los que son de art\u00edculos y columnas de opini\u00f3n (en cursiva) de los que lo son de noticias (en redonda). A veces tambi\u00e9n se usa sin un criterio de contenido, solo para dar variaci\u00f3n cuando se combinan varias noticias en una p\u00e1gina o doble p\u00e1gina.<\/p>\n<p><span lang=\"es-ES\">Se usa la <\/span><span lang=\"es-ES\"><b>negrita<\/b><\/span><span lang=\"es-ES\">:<\/span><\/p>\n<ul>\n<li>\n<p lang=\"es-ES\">En prensa, en textos divulgativos o en materiales did\u00e1cticos (como este) se puede usar para resaltar datos o conceptos relevantes de forma que el lector los localice r\u00e1pidamente y reciba la se\u00f1al de que debe tenerlos en cuenta o retener.<\/p>\n<\/li>\n<li>\n<p lang=\"es-ES\">En prensa (especialmente en temas de sociedad) se utiliza para destacar nombres de personas dentro de un texto.<\/p>\n<\/li>\n<li>\n<p lang=\"es-ES\">En entrevistas se puede usar para destacar el nombre de los interlocutores o para diferenciar la pregunta (habitualmente m\u00e1s corta, en negrita) de la respuesta (en redonda).<\/p>\n<\/li>\n<li>\n<p lang=\"es-ES\">Se usa en entradillas y textos destacados no demasiado largos que se distinguen del texto principal.<\/p>\n<\/li>\n<\/ul>\n<p lang=\"es-ES\">No es recomendable usar la negrita para sustituir a la redonda, es mejor reservarla para esta funci\u00f3n distintiva dentro de un texto o para dar peso a titulares que lo requieran.<\/p>\n<p lang=\"es-ES\">En infograf\u00eda o en la presentaci\u00f3n de gr\u00e1ficos estad\u00edsticos los estilos de texto pueden jugar un papel. Especialmente el contraste entre redonda y negrita. Podemos tener, por ejemplo, datos en redonda y aquellos datos clave que queremos se\u00f1alar al lector ponerlos en negrita. Tambi\u00e9n es bastante habitual en las tablas para diferenciar los encabezamientos de los valores o para resaltar los totales que suman las cantidades de una fila o columna.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>Ejemplo de uso de estilos tipogr\u00e1ficos en un gr\u00e1fico estad\u00edstico<\/strong><\/p>\n<p lang=\"es-ES\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-463\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296.jpg\" alt=\"grafic2_617x296\" width=\"617\" height=\"296\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296.jpg 617w, http:\/\/multimedia.uoc.edu\/blogs\/ilv\/files\/2015\/09\/grafic2_617x296-300x144.jpg 300w\" sizes=\"auto, (max-width: 617px) 100vw, 617px\" \/><\/a><span style=\"font-size: small\">En este gr\u00e1fico de Actual.cat se muestra la evoluci\u00f3n de la tasa de paro durante siete a\u00f1os, los textos que marcan el calendario cuatrimestral est\u00e1n en redonda y gris menos los de enero de cada a\u00f1o que se destacan en negrita y con una l\u00ednea m\u00e1s gruesa en el eje de la gr\u00e1fica.<\/span><\/p>\n<p><span style=\"color: #666666\"><span style=\"font-size: small\"><span lang=\"es-ES\">Fuente: <\/span><\/span><\/span><a href=\"http:\/\/www.lactual.cat\/cat\/notices\/2013\/05\/una_reforma_laboral_poc_util_10319.php\"><span style=\"color: #666666\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>http:\/\/www.lactual.cat\/cat\/notices\/2013\/05\/una_reforma_laboral_poc_util_10319.php<\/u><\/span><\/span><\/span><\/a><\/p>\n<p lang=\"es-ES\"><span style=\"color: #666666\"><span style=\"font-size: small\">Esta imagen se reproduce acogi\u00e9ndose al derecho de cita o rese\u00f1a (art. 32 LPI) y est\u00e1 excluida de la licencia general del texto o la web.<\/span><\/span><\/p>\n<hr \/>\n<h2 class=\"western\">\u00a0Saber m\u00e1s<\/h2>\n<ul>\n<li><span lang=\"es-ES\"><b>J. Pujol; J. Sol\u00e0<\/b><\/span><span lang=\"es-ES\"> (1995). <\/span><span lang=\"ca-ES\"><i>Ortotipografia. Manual de l&#8217;autor, l&#8217;autoeditor i el dissenyador gr\u00e0fic<\/i><\/span><span lang=\"ca-ES\">. Barcelona: Columna Editorial<\/span><span lang=\"es-ES\">. <\/span><span style=\"font-size: small\"><span lang=\"es-ES\">[<\/span><\/span><a href=\"http:\/\/cataleg.uoc.edu\/record=b1007909~S1*cat\"><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>disponible<\/u><\/span><\/span><\/span><\/a><span style=\"font-size: small\"><span lang=\"es-ES\"> en<\/span><\/span> <a href=\"http:\/\/biblioteca.uoc.edu\/ca\/serveis\/la-biblioteca-respon\"><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>la biblioteca<\/u><\/span><\/span><\/span><\/a><span style=\"font-size: small\"><span lang=\"es-ES\">] <\/span><\/span>\n<ul>\n<li>\n<p lang=\"es-ES\"><span style=\"font-size: small\">Cap\u00edtol 5: Cursiva, cometes, versaleta, negreta<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li><span lang=\"es-ES\"><b>R. Mar\u00edn \u00c1lvarez<\/b><\/span><span lang=\"es-ES\"> (2013). <\/span><span lang=\"es-ES\"><i>Ortotipograf\u00eda para dise\u00f1adores<\/i><\/span><span style=\"font-size: small\"><span lang=\"es-ES\">.<\/span><\/span><span lang=\"es-ES\"> Barcelona: Gustavo Gili.<\/span><span style=\"font-size: small\"><span lang=\"es-ES\"><br \/>\n[Editado<\/span><\/span> <a href=\"http:\/\/ggili.com\/es\/tienda\/productos\/ortotipografia-para-disenadores\"><span style=\"color: #1155cc\"><span style=\"font-size: small\"><span lang=\"es-ES\"><u>en papel y libro electr\u00f3nico<\/u><\/span><\/span><\/span><\/a><span style=\"font-size: small\"><span lang=\"es-ES\">]<\/span><\/span><\/p>\n<ul>\n<li>\n<p lang=\"es-ES\">Cap\u00edtulo 2.1: Tipograf\u00edas distintivas<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\u00a0<strong>Strizver, Ilene<\/strong> (2014). <em>Talk: Italic vs. Oblique<\/em>. CreativePro &lt;<a href=\"http:\/\/creativepro.com\/typetalk-italic-vs-oblique\/\">creativepro.com\/typetalk-italic-vs-oblique<\/a>&gt;<\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>La mayor\u00eda de las familias tipogr\u00e1ficas tienen variantes formales, conocidas habitualmente como \u00abestilos\u00bb, que se distribuyen en diferentes fuentes. Dentro de la familia las variantes conservan una l\u00ednea general de formas y proporciones que hace que se puedan combinar de manera coherente. Estos estilos, como pueden serlo el uso de may\u00fasculas, min\u00fasculas, versalitas o las &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/sobre-tipografia\/ortotipografia\/ortotipografia-i-convencions-dus-destils-tipografics\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abOrtotipograf\u00eda y convenciones de uso de estilos tipogr\u00e1ficos\u00bb<\/span><\/a><\/p>\n","protected":false},"author":30,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[72,75,73,74],"class_list":["post-462","post","type-post","status-publish","format-standard","hentry","category-ortotipografia","tag-cursiva","tag-estils-tipografics","tag-negreta","tag-obliqua","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/posts\/462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":10,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/posts\/462\/revisions"}],"predecessor-version":[{"id":473,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/posts\/462\/revisions\/473"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/media?parent=462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/categories?post=462"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/ilv\/es\/wp-json\/wp\/v2\/tags?post=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}