{"id":334,"date":"2017-02-09T13:26:24","date_gmt":"2017-02-09T13:26:24","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/?page_id=334"},"modified":"2019-03-04T13:31:41","modified_gmt":"2019-03-04T13:31:41","slug":"1-lletres-20","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/1-lletres-20\/","title":{"rendered":"1. Letras"},"content":{"rendered":"<p><\/p>\n<h3><strong>1.11. Tipograf\u00eda para internet<\/strong><\/h3>\n<p>Hist\u00f3ricamente, los navegadores han tenido que cargar las fuentes disponibles en el sistema operativo del usuario para mostrar el texto en las p\u00e1ginas. Esto dejaba una paleta tipogr\u00e1fica bastante limitada a los dise\u00f1adores de webs, consistente en una lista corta de letras m\u00e1s o menos universales, como hemos visto antes.<\/p>\n<p>Durante los primeros a\u00f1os de internet no hab\u00eda la posibilidad de controlar ni elegir la tipograf\u00eda para una p\u00e1gina web, pero en 1995 se incluy\u00f3 la etiqueta <span style=\"font-family: Courier;\">&lt;font&gt;<\/span> en el lenguaje HTML. A partir de este momento ya pudo determinarse la fuente elegida y una lista de posibles sustitutas, llamada <em>font stack<\/em>. Las <em>font stacks<\/em> seguras incluyen una tipograf\u00eda instalada por omisi\u00f3n en Windows, Mac y Linux y el \u00faltimo elemento de la cadena hace referencia a una familia estil\u00edstica para que el navegador elija una fuente lo m\u00e1s parecida posible, en el caso de no encontrar las anteriores. Por ejemplo:<\/p>\n<div class=\"definicio\">\n<p><span style=\"font-family: Courier;\">font-family: \u00abURW Bookman L\u00bb, \u00abGeorgia\u00bb, \u00abTimes New Roman\u00bb, serif;<\/span><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>As\u00ed pues, en aquel tiempo los dise\u00f1adores que quer\u00edan usar otras tipograf\u00edas no presentes en los sistemas m\u00e1s comunes deb\u00edan convertir el texto compuesto en una imagen.<\/p>\n<p>En 1998 se lanz\u00f3 CSS2, que inclu\u00eda una regla para instalar una fuente en el servidor y que pudiera descargarse como lo hace un v\u00eddeo o una fotograf\u00eda (@font-face), pero su uso no se estandariz\u00f3 por los problemas que planteaba con las licencias de la mayor\u00eda de distribuidoras. A\u00f1os despu\u00e9s se lanzaron los primeros formatos tipogr\u00e1ficos especialmente dise\u00f1ados para el web (trueDoc y EOT), pero tampoco se implantaron.<\/p>\n<p>El formato finalmente elegido por el W3C (World Wide Web Consortium) y que est\u00e1 en proceso de convertirse en est\u00e1ndar es el WOFF (Web Open Font Format). B\u00e1sicamente se trata de una fuente con los mismos contenidos que una OpenType pero comprimida para web y con un encabezamiento que indica que no puede instalarse de forma permanente. El objetivo del formato WOFF, que tiene el visto bueno de la industria, es permitir la distribuci\u00f3n de tipograf\u00edas de un servidor a un cliente en una red, de forma que sea universalmente aceptada por los navegadores.<\/p>\n<p>Existen dos alternativas interesantes a este sistema: la suscripci\u00f3n a un servicio externo (como <a href=\"https:\/\/typekit.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Typekit<\/a>) y el servicio gratuito <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Fonts<\/a>, que ampl\u00eda su cat\u00e1logo cada d\u00eda sin coste para el usuario final y que ya supone una fuerte amenaza para los distribuidores tradicionales de tipograf\u00edas.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Conclusiones<\/strong><\/h4>\n<p>Durante los primeros a\u00f1os de internet no hab\u00eda la posibilidad de controlar ni elegir la tipograf\u00eda para una p\u00e1gina web, pero en 1995 se incluy\u00f3 la etiqueta <span style=\"font-family: Courier;\">&lt;font&gt;<\/span> en el lenguaje HTML. A partir de este momento ya pudo determinarse la fuente elegida y una lista de posibles sustitutas, llamada <em>font stack<\/em>.<\/p>\n<p>El formato finalmente elegido por el W3C (World Wide Web Consortium) y que est\u00e1 en proceso de convertirse en est\u00e1ndar es el WOFF (Web Open Font Format). B\u00e1sicamente se trata de una fuente con los mismos contenidos que una OpenType pero comprimida para web y con un encabezamiento que indica que no puede instalarse de forma permanente.<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>1.11. Tipograf\u00eda para internet Hist\u00f3ricamente, los navegadores han tenido que cargar las fuentes disponibles en el sistema operativo del usuario para mostrar el texto en las p\u00e1ginas. Esto dejaba una paleta tipogr\u00e1fica bastante limitada a los dise\u00f1adores de webs, consistente en una lista corta de letras m\u00e1s o menos universales, como hemos visto antes. Durante [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/334"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":14,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":729,"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/pages\/334\/revisions\/729"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/recursos\/tipo\/es\/wp-json\/wp\/v2\/media?parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}