{"id":3818,"date":"2008-12-01T19:53:12","date_gmt":"2008-12-01T18:53:12","guid":{"rendered":"http:\/\/www.outono.net\/elentir\/?p=3818"},"modified":"2011-01-29T03:29:45","modified_gmt":"2011-01-29T02:29:45","slug":"letras-y-serifas-%c2%bfdonde-y-como-aplicarlas","status":"publish","type":"post","link":"https:\/\/www.outono.net\/elentir\/2008\/12\/01\/letras-y-serifas-%c2%bfdonde-y-como-aplicarlas\/","title":{"rendered":"Letras y serifas: \u00bfd\u00f3nde y c\u00f3mo aplicarlas?"},"content":{"rendered":"<p>Posiblemente muchos no habr\u00e9is o\u00eddo nunca la palabra serifa, pero si hab\u00e9is echado un vistazo a vuestro ordenador, quiz\u00e1s os hay\u00e1is encontrado con alg\u00fan tipo de letra que se denomina \"<strong>sans serif<\/strong>\". \u00c9sta es una expresi\u00f3n francesa muy usada en tipograf\u00eda y que significa \"sin serifa\". La serifa es el remate o \"gracia\" que llevan algunos tipos de letra, como la <a href=\"http:\/\/es.wikipedia.org\/wiki\/Times_New_Roman\">Times New Roman<\/a>. Se dice que un tipo de letra es sin serifa o \"sans serif\" cuando no lleva ese remate. Las sans serif son con mucha diferencia las fuentes m\u00e1s habituales de Internet. Ahora veremos por qu\u00e9 motivo.<br \/>\n<!--more--><\/p>\n<p>Para entender el predominio de las serif (letras con serifa) o las sans serif (letras sin serifa) en un medio hay que tener en cuenta el medio en el que aparece. <b>En los largos textos impresos en papel se usan m\u00e1s las fuentes con serifa porque facilitan la lectura lineal.<\/b> En los titulares cada vez se usan m\u00e1s los tipos de letra sin serifa, porque dan un aspecto m\u00e1s moderno.<\/p>\n<p>En casa tengo varios peri\u00f3dicos impresos: los diarios La Gaceta de los Negocios, el Economista y Qu\u00e9! y el semanario Alba. En los tres primeros se alternan los titulares en letra sans serif con los textos de las noticias en letra serif. En Alba, sin embargo, podemos ver en portada titulares con letra sans serif, aunque en el interior las letras con remate se usan tanto en titulares como en textos.<\/p>\n<p>En Internet se cambian las tornas. <strong>En la red son m\u00e1s frecuentes las letras sin remates porque los textos se ven m\u00e1s limpios.<\/strong> Esto se debe a la resoluci\u00f3n de pantalla que han tenido la mayor\u00eda de los monitores hasta la actualidad. Mientras un peri\u00f3dico suele tener una resoluci\u00f3n de 200 ppp (puntos por pulgada), la resoluci\u00f3n de los monitores suele ser de 72 ppp, aunque ahora las pantallas TFT suelene venir con resoluciones de 96 ppp.<\/p>\n<p>Esto significa que los detalles de una tipograf\u00eda siempre se ven m\u00e1s borrosos en una pantalla que sobre la p\u00e1gina de un peri\u00f3dico, aunque a simple vista nos cueste percibir la diferencia. La consecuencia es que en un texto largo y con letra m\u00e1s peque\u00f1a, <strong>en una pantalla los textos escritos en fuentes con serifa se ven m\u00e1s borrosos que los escritos en una fuente sans serif<\/strong>.<\/p>\n<p>Veamos varios ejemplos: las ediciones digitales de <a href=\"http:\/\/www.elmundo.es\">El Mundo<\/a>, <a href=\"http:\/\/www.lavanguardia.es\/\">La Vanguardia<\/a>, <a href=\"http:\/\/www.cope.es\/\">COPE<\/a>, <a href=\"http:\/\/www.cadenaser.com\/\">Cadena SER<\/a>, <a href=\"http:\/\/www.elperiodico.com\/\">El Peri\u00f3dico<\/a>, <a href=\"http:\/\/www.rtve.es\/\">RTVE<\/a> y <a href=\"http:\/\/www.larazon.es\/\">La Raz\u00f3n<\/a>, as\u00ed como diarios digitales como  <a href=\"http:\/\/www.libertaddigital.com\/\">Libertad Digital<\/a> y <a href=\"http:\/\/www.prnoticias.com\/\">PRNoticias<\/a> usan letras sans serif tanto en titulares como en textos. Otros medios, como <a href=\"http:\/\/www.elpais.com\/\">El Pa\u00eds<\/a>, <a href=\"http:\/\/www.abc.es\/\">Abc<\/a>, <a href=\"http:\/\/www.publico.es\/\">P\u00fablico<\/a>, <a href=\"http:\/\/www.elconfidencialdigital.com\/\">El Confidencial Digital<\/a> y <a href=\"http:\/\/www.elconfidencial.com\/portada\/indice.html\">El Confidencial<\/a> usan textos en letra sans serif y titulares en letra con remate, que pierden en modernidad lo que ganan en elegancia.<\/p>\n<p>En fin, si ten\u00e9is un blog, estas indicaciones tal vez os sirvan de ayuda para presentar textos m\u00e1s limpios (para lo cual siempre lo ideal es una letra sans serif, como la <a href=\"http:\/\/es.wikipedia.org\/wiki\/Helvetica\">Helvetica<\/a>, la <a href=\"http:\/\/es.wikipedia.org\/wiki\/Verdana\">Verdana<\/a> o la <a href=\"http:\/\/es.wikipedia.org\/wiki\/Arial\">Arial<\/a>) y titulares m\u00e1s modernos -tambi\u00e9n con letras sans serif- o elegantes, para lo cual est\u00e1 la ya mencionada <a href=\"http:\/\/es.wikipedia.org\/wiki\/Times_New_Roman\">Times New Roman<\/a> o -si me permit\u00eds el consejo- mejor a\u00fan la <a href=\"http:\/\/es.wikipedia.org\/wiki\/Georgia_(tipograf\u00eda)\">Georgia<\/a>.<\/p>\n<p><b>Art\u00edculos relacionados:<\/b><\/p>\n<p>- <a href=\"http:\/\/usalo.es\/?p=19\">Elegir los tipos de letra<\/a>, por Juan Carlos Garc\u00eda en \u00dasalo<br \/>\n- <a href=\"http:\/\/www.ainda.info\/fuentes.html\">Tipos de fuentes (letra) y recursos tipogr\u00e1ficos<\/a>, por Ainda.info<br \/>\n- <a href=\"http:\/\/claveorganizacional.com\/blog\/?p=20\">Fuentes tipogr\u00e1ficas: Una introducci\u00f3n sobre su uso en el dise\u00f1o web y la identidad corporativa en l\u00ednea<\/a>, por Clave Organizacional<br \/>\n- <a href=\"http:\/\/creatividadnatural.blogspot.com\/2008\/11\/concepto-de-tipografa-familia-y-fuentes.html\">Concepto de tipograf\u00eda, familia y fuentes tipogr\u00e1ficas<\/a>, por Jesid<br \/>\n- <a href=\"http:\/\/blog.ediciona.com\/en-un-mundo-sin-serifas\/\">En un mundo sin serifas\u2026<\/a>, por Ediciona<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Posiblemente muchos no habr\u00e9is o\u00eddo nunca la palabra serifa, pero si hab\u00e9is echado un vistazo a vuestro ordenador, quiz\u00e1s os hay\u00e1is encontrado con alg\u00fan tipo de letra que se denomina \u00absans serif\u00bb. \u00c9sta es una expresi\u00f3n francesa muy usada en tipograf\u00eda y que significa \u00absin serifa\u00bb. La serifa es el remate o \u00abgracia\u00bb que llevan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[2883],"tags":[2930,259,110,749,2931,2929,101,100,107,2934,2544,2928,102,109,97,2932,2933],"class_list":["post-3818","post","type-post","status-publish","format-standard","hentry","category-diseno-grafico","tag-alba","tag-cadena-cope","tag-cadena-ser","tag-el-confidencial","tag-el-confidencial-digital","tag-el-economista","tag-el-mundo","tag-el-pais","tag-el-periodico-de-catalunya","tag-georgia-fuente","tag-helvetica","tag-la-gaceta-de-los-negocios","tag-la-vanguardia","tag-libertad-digital","tag-publico","tag-times-new-roman","tag-verdana"],"publishpress_future_action":{"enabled":false,"date":"2026-08-11 21:11:50","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts\/3818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/comments?post=3818"}],"version-history":[{"count":0,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/posts\/3818\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/media?parent=3818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/categories?post=3818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.outono.net\/elentir\/wp-json\/wp\/v2\/tags?post=3818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}