{"id":3309,"date":"2014-06-04T17:19:39","date_gmt":"2014-06-04T17:19:39","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/?p=3309"},"modified":"2014-06-04T17:19:39","modified_gmt":"2014-06-04T17:19:39","slug":"tipografias-pantalla","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/tipografias-pantalla\/","title":{"rendered":"Tipograf\u00edas en pantalla: alias, pixel fonts y su est\u00e9tica"},"content":{"rendered":"<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/06\/IMG_9017.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3458\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/tipografias-pantalla\/img_9017\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/06\/IMG_9017.jpg\" data-orig-size=\"1280,853\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon EOS REBEL T2i&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1401750352&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;1600&quot;,&quot;shutter_speed&quot;:&quot;0.0166666666667&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"IMG_9017\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/06\/IMG_9017-1024x682.jpg\" class=\"alignnone  wp-image-3458\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/06\/IMG_9017-300x199.jpg\" alt=\"IMG_9017\" width=\"600\" height=\"398\" \/><\/a><\/p>\n<p>Durante mucho tiempo la tipograf\u00eda digital no tuvo otra opci\u00f3n, en los antiguos\u00a0monitores de rayos cat\u00f3dicos monocromo\u00a0se daba un dise\u00f1o tipogr\u00e1fico basado en el pixel por las tantas trabas tecnol\u00f3gicas de la \u00e9poca.<\/p>\n<dl class=\"wp-caption alignleft\" style=\"width: 357px\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.mobygames.com\/images\/shots\/l\/42986-donkey-kong-apple-ii-screenshot-title-screens.gif\" alt=\"\" width=\"347\" height=\"238\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Era com\u00fan que estas familias sean monoespaciadas.<\/dd>\n<\/dl>\n<p>Los inicios, s\u00ed, fueron oscuros y limitados, pixelados y llanamente antiest\u00e9ticos, pero a medida que las computadoras avanzaban y sus capacidades crec\u00edan, se desarroll\u00f3 conjuntamente el lado gr\u00e1fico de \u00e9stas.<\/p>\n<p>El cambio m\u00e1s importante en mi personal opini\u00f3n fue el advenimiento la interfaz gr\u00e1fica, y con ella una verdadera ampliaci\u00f3n en variedad y calidad de familias tipogr\u00e1ficas.<\/p>\n<p>El segundo cambio que considero relevante\u00a0para esta nota es\u00a0la tecnolog\u00eda de anti-aliasing, que genera tonos intermedios entre el fondo y la forma para dar la ilusi\u00f3n de una curva.<\/p>\n<dl id=\"\" class=\"wp-caption alignleft\" style=\"width: 358px\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/ephotopros.com\/Portals\/0\/ampersand-close.gif\" alt=\"\" width=\"348\" height=\"174\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Aqu\u00ed se ve c\u00f3mo el anti-aliasing (izq.) mejora notablemente la definici\u00f3n de la curva sin requerir mayor definici\u00f3n en pantalla.<\/dd>\n<\/dl>\n<p>Pero deteng\u00e1monos antes del anti-alias (y antes de las pantallas de mejor resoluci\u00f3n). Hasta ese entonces, en tanto las pantallas como en las impresoras se utilizaba el sistema de <em>bitmap<\/em>, esto es:\u00a0una imagen, o un mapa de <em>bits<\/em> de tama\u00f1o fijo que se\u00a0muestra en pantalla\u00a0al presionar cierta tecla. Se trata de una grilla de\u00a0pixeles de los que se leer\u00e1 la letra\/glifo. Hubo muchas familias de este tipo, pero se tendi\u00f3 a marginarlas a la espera de nuevas tecnolog\u00edas.<\/p>\n<dl class=\"wp-caption alignleft\" style=\"width: 359px\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/29\/Original_Mac_fonts.png\" alt=\"\" width=\"349\" height=\"217\" \/><\/dt>\n<dd class=\"wp-caption-dd\">Las familias de la Macintosh (1984). N\u00f3tese c\u00f3mo est\u00e1n fijadas a un tama\u00f1o.<\/dd>\n<\/dl>\n<p>Cabe mencionar de paso a Zuzana Licko, prol\u00edfica tip\u00f3grafa en mapa de bits, desde que tuvo su Macintosh, en 1984. Link:\u00a0<a href=\"http:\/\/www.emigre.com\/EFfeature.php?di=101\" target=\"_blank\">http:\/\/www.emigre.com\/EFfeature.php?di=101<\/a><\/p>\n<p>Lo m\u00e1s interesante es que por m\u00e1s de que estas tipograf\u00edas han sido, a trav\u00e9s de la historia, meramente toleradas como algo no funcional pero pasajero, hoy en d\u00eda juegan un papel fundamental en el revival art\u00edstico <em>retro<\/em>, el cual tiene gran incidencia en tanto el dise\u00f1o gr\u00e1fico como en la tipograf\u00eda. Algunos ejemplos que encontr\u00e9:\u00a0<a href=\"http:\/\/www.behance.net\/collection\/21853605\/Picsel\" target=\"_blank\">http:\/\/www.behance.net\/collection\/21853605\/Picsel<\/a><\/p>\n<p>Se trata de una verdadera est\u00e9tica en s\u00ed misma, y ciertamente una muy explorable. En el \u00faltimo link se puede observar que no todo est\u00e1 hecho a partir de p\u00edxeles, pero s\u00ed se retiene un\u00a0estilo: l\u00edneas ortogonales, colores contrastantes, pixelaci\u00f3n. Creo que es una buena base de la que partir para crear dise\u00f1os interesantes.<\/p>\n<p><a href=\"http:\/\/www.emigre.com\/EFfeature.php?di=101\">Fuente 1<\/a><\/p>\n<p><a href=\"https:\/\/www.behance.net\/gallery\/8433327\/72-A-celebration-of-Bitmap-Typography\">Fuente 2<\/a><\/p>\n<p><a href=\"http:\/\/en.wikipedia.org\/wiki\/Computer_font\">Fuente 3<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La gran mayor\u00eda de tipograf\u00edas de hoy en d\u00eda est\u00e1n formadas a partir de vectores. Esto es lo que nos permite, entre otras cosas, escalarlas a cualquier medida que deseemos cuando trabajamos con ellas. Pero resulta que hay\u00a0<em>otra<\/em>\u00a0forma de generar fuentes: una que se dio en los inicios de la computaci\u00f3n.<\/p>\n","protected":false},"author":205,"featured_media":3459,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[125,126,115,96,113,114,53],"class_list":["post-3309","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","tag-aliasing","tag-computadora","tag-experimental","tag-fuente","tag-pixel","tag-retro","tag-tipografia-para-pantalla"],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-content\/uploads\/2014\/06\/IMG_9026.jpg","jetpack_shortlink":"https:\/\/wp.me\/p4rrRH-Rn","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/3309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/users\/205"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/comments?post=3309"}],"version-history":[{"count":36,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/3309\/revisions"}],"predecessor-version":[{"id":3460,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/posts\/3309\/revisions\/3460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/media\/3459"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/media?parent=3309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/categories?post=3309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2014\/wp-json\/wp\/v2\/tags?post=3309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}