{"id":237,"date":"2019-01-03T12:48:30","date_gmt":"2019-01-03T10:48:30","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=237"},"modified":"2019-01-03T12:48:30","modified_gmt":"2019-01-03T10:48:30","slug":"4-1-breve-historia-de-la-tipografia-digital","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/4-1-breve-historia-de-la-tipografia-digital\/","title":{"rendered":"4.1. Breve historia de la tipograf\u00eda digital"},"content":{"rendered":"<p>Durante la d\u00e9cada de los ochenta se produjeron dos grandes progresos con relaci\u00f3n a la tipograf\u00eda: por un lado, la mejora de los dispositivos de salida de las computadoras, especialmente las impresoras; y, por otro, la aparici\u00f3n de una gran variedad de ordenadores de uso personal que dispon\u00edan de aplicaciones, as\u00ed como comandos o funciones tipogr\u00e1ficas sofisticadas que permit\u00edan una visualizaci\u00f3n en pantalla de lo que se estaba realizando.<\/p>\n<p>Naturalmente, esto tambi\u00e9n se tradujo en una reorganizaci\u00f3n del campo laboral en el \u00e1mbito del dise\u00f1o, donde el dise\u00f1ador era quien controlaba y manipulaba directamente la tipograf\u00eda y no el componedor tipogr\u00e1fico, quien hab\u00eda sido hasta entonces el responsable en materia de est\u00e9tica tipogr\u00e1fica.<\/p>\n<p>Esta \u00e9poca fue un momento clave en la historia, ya que se pas\u00f3 de las tecnolog\u00edas anal\u00f3gicas, como la composici\u00f3n en metal o la fotocomposici\u00f3n, al mundo de la tipograf\u00eda digital. Todo eso ocurri\u00f3 en un plazo de tan solo diez a\u00f1os y la tecnolog\u00eda que posibilit\u00f3 esta transformaci\u00f3n fue el ordenador personal.<\/p>\n<p>El primer <em>personal computer<\/em> lo lanz\u00f3 IBM en el a\u00f1o 1981, pero sin duda el que provoc\u00f3 el cambio real y revolucion\u00f3 la manera de definir los procesos de trabajo en tipograf\u00eda fue el Apple Macintosh, que apareci\u00f3 en 1984.<\/p>\n<p>Es bastante complejo determinar qui\u00e9n fue la primera persona o empresa en dise\u00f1ar y distribuir tipograf\u00edas digitales, ya que la aparici\u00f3n del ordenador y la r\u00e1pida adaptaci\u00f3n de muchos profesionales a las nuevas herramientas propiciaron la creaci\u00f3n en un per\u00edodo relativamente corto de numerosas fundiciones de tipograf\u00eda digitales. De esta manera, a lo largo de la d\u00e9cada de los ochenta e inicios de los noventa, surgi\u00f3 un buen n\u00famero de profesionales y empresas que marcaron de forma decisiva la historia del dise\u00f1o digital de fuentes.<\/p>\n<p>Los diferentes proyectos tipogr\u00e1ficos que realiz\u00f3 Robin Nicholas para Monotype o Matthew Carter para Bitstream se podr\u00edan considerar un buen ejemplo de punto de partida. El primero dise\u00f1\u00f3 la fuente Nimrod, en el a\u00f1o 1980, con el objetivo de crear una tipograf\u00eda de texto de m\u00e1xima legibilidad para la prensa peri\u00f3dica; mientras que Carter cre\u00f3 en el a\u00f1o 1987 el primer dise\u00f1o totalmente digital, la tipograf\u00eda <em>charter<\/em>, una familia de cuatro estilos en la que el dise\u00f1ador investigaba el problema importante de la falta de uniformidad en la calidad de la impresi\u00f3n y consegu\u00eda que no se perdiera definici\u00f3n al reproducirse en impresoras de baja resoluci\u00f3n.<\/p>\n<figure id=\"attachment_114\" aria-describedby=\"caption-attachment-114\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-114\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_045.jpg\" alt=\"\" width=\"800\" height=\"533\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_045.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_045-300x200.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_045-768x512.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-114\" class=\"wp-caption-text\">Muestra de la tipograf\u00eda Nimrod. Robin Nicholas 1980.<\/figcaption><\/figure>\n<figure id=\"attachment_115\" aria-describedby=\"caption-attachment-115\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-115\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_046.jpg\" alt=\"\" width=\"800\" height=\"533\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_046.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_046-300x200.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_046-768x512.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-115\" class=\"wp-caption-text\">Muestra de la tipograf\u00eda <em>charter<\/em>. Matthew Carter, 1987.<\/figcaption><\/figure>\n<p>A la hora de escoger una fuente para usar en un medio digital, tradicionalmente se encontraba la limitaci\u00f3n de que el usuario tuviera ese tipo de letra instalada en su ordenador, ya que de no ser as\u00ed, los textos se mostrar\u00edan con otras tipograf\u00edas distintas a las que el dise\u00f1ador hab\u00eda escogido.<\/p>\n<p>Es por ello que el abanico de fuentes que se pod\u00edan utilizar con la garant\u00eda de que funcionasen bien en la mayor\u00eda de los navegadores estaba reducido, b\u00e1sicamente, a las t\u00edpicas Verdana, Arial, Times New Roman y poco m\u00e1s.<\/p>\n<p>La idea de dotar de diversidad tipogr\u00e1fica aparece con la versi\u00f3n 2 del lenguaje CSS (Cascading Stylesheets), donde se decide incluir una regla llamada <em>@font-face<\/em>. Esta regla daba permiso a los principales navegadores para poder descargar datos de fuentes, es decir, permit\u00eda utilizar pr\u00e1cticamente cualquier fuente en cualquier medio digital, principalmente los sitios web.<\/p>\n<p>El mayor problema de esta regla era que, en algunos navegadores, no hab\u00eda ninguna clase de protecci\u00f3n contra el pirateo, lo que acababa facilitando que cualquier usuario se pudiera descargar fuentes sin licencia o las pudiera enlazar a otros sitios web. Es el inicio del conocido pirateo tipogr\u00e1fico. Esta amenaza motiv\u00f3 la supresi\u00f3n temporal de la regla @font-face del lenguaje CSS 2.1 y no volvi\u00f3 a recuperarse hasta casi una d\u00e9cada despu\u00e9s.<\/p>\n<p>A finales de los noventa aparecen nuevas tecnolog\u00edas que ven\u00edan a llenar el hueco dejado por el CSS 2.1. Algunas t\u00e9cnicas como SIFR (Scalable Inman Flash Replacement) o SVG (Scalable Vector Graphics) permiten, ahora s\u00ed, emplear cualquier fuente en las webs sin necesidad de adquirir tipograf\u00edas adicionales. Es entonces cuando los dise\u00f1adores de tipos empiezan a preocuparse menos por la pirater\u00eda y a centrarse m\u00e1s en un mercado que iba avanzando a toda velocidad sin ellos.<\/p>\n<p>En 2008, con la aparici\u00f3n del lenguaje CSS 3, navegadores como Mozilla Firefox o Apple Safari implementaron de nuevo la regla @font-face e hicieron de la tipograf\u00eda para web un recurso accesible para la mayor\u00eda de los usuarios del medio digital.<\/p>\n<p>A partir de ah\u00ed, surgieron diversos servicios de alojamiento de fuentes como Typekit, Fontdeck o Google Fonts, que vinieron a llenar el vac\u00edo que a\u00fan exist\u00eda en CSS 3 en cuestiones de licencias y pirater\u00eda. Sin embargo, la mayor\u00eda de fuentes que ofrecen los servicios de alojamiento web no satisfacen las m\u00faltiples y dispares exigencias de las diversas tecnolog\u00edas que van apareciendo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Durante la d\u00e9cada de los ochenta se produjeron dos grandes progresos con relaci\u00f3n a la tipograf\u00eda: por un lado, la mejora de los dispositivos de salida de las computadoras, especialmente las impresoras; y, por otro, la aparici\u00f3n de una gran variedad de ordenadores de uso personal que dispon\u00edan de aplicaciones, as\u00ed como comandos o funciones [&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\/237"}],"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=237"}],"version-history":[{"count":2,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/237\/revisions"}],"predecessor-version":[{"id":286,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/237\/revisions\/286"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/media?parent=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}