{"id":6945,"date":"2019-05-31T12:34:19","date_gmt":"2019-05-31T15:34:19","guid":{"rendered":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/?p=6945"},"modified":"2019-05-31T15:18:21","modified_gmt":"2019-05-31T18:18:21","slug":"la-familia-infinita","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/la-familia-infinita\/","title":{"rendered":"La familia infinita"},"content":{"rendered":"\n<p class=\"has-drop-cap\">En Octubre de 2016 fue lanzada la versi\u00f3n 1.8 de OpenType, versi\u00f3n bastante especial ya que vino con una novedad tecnol\u00f3gica: OpenType Font Variations, la llamada &#8220;evoluci\u00f3n de las tipograf\u00edas&#8221;. As\u00ed como fue el turno de otras revoluciones tecnol\u00f3gicas como <em>TrueType<\/em>, <em>PostScript <\/em>u <em>OpenType<\/em>, la \u00faltima novedad son las <strong>Variables Fonts<\/strong>. <\/p>\n\n\n\n<p>\n\nEl concepto fue propuesto y desarrollado en conjunto por 4 mega-corporaciones: Microsoft, Apple, Google y Adobe.\n\n<\/p>\n\n\n\n<p>B\u00e1sicamente nos permite crear un n\u00famero virtualmente infinito de variantes tipogr\u00e1ficas partiendo de una \u00fanica fuente y modificando su peso, inclinaci\u00f3n (it\u00e1lica), anchura (condensada\/expandida), o cualquier otro par\u00e1metro que su creador\/a haya elegido permitirnos controlar.<\/p>\n\n\n\n<div class=\"wp-block-cover has-background-dim\" style=\"background-image:url(https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/a4958367361979.5b97d2347beca.jpg)\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"text-align:center\" class=\"has-large-font-size\"><p style=\"text-align:center;color:white;font-size:2em\" class=\"has-large-font-size\">Con <em>Variable Fonts<\/em>, una fuente est\u00e1 disponible en todos los pesos y variables posibles.<\/p><\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas de usar Variable Fonts<\/h2>\n\n\n\n<p>Lo primero que nos va a permitir esta tecnolog\u00eda es minimizar la cantidad de fuentes con las que trabajemos, sea dise\u00f1ando para la web como para cualquier otro medio. En lugar de manejar un archivo .ttf\/.otf para cada variante incluida en la familia (como Italic Bold o Regular Black), tendremos un \u00fanico archivo con infinidad de par\u00e1metros para modificar. El estilo de fuente lo vamos a crear seg\u00fan nuestras necesidades. <em>Nunca vamos a tener una fuente con dos estilos iguales.<\/em><\/p>\n\n\n\n<p>Ahora m\u00e1s que nunca podemos optimizar al m\u00e1ximo la legibilidad de una tipo: ajustar los ojos de una familia en tama\u00f1os peque\u00f1os, aumentar el contraste en los titulares, adaptar el grosor a la luz que haya en el ambiente, y todo sin necesidad de tener cargadas infinitas fuentes en el sistema. <\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Hoy por hoy la tecnolog\u00eda de fuentes variables es completamente compatible con la \u00faltima versi\u00f3n de todos los navegadores populares, como ser Google Chrome, Microsoft Edge, Safari o Firefox. <\/p>\n\n\n\n<p>Y se podr\u00eda llegar a pensar que la cosa est\u00e1 pensada \u00fanicamente para entornos multimedia, web, aplicaciones, etc. Pero no. Software que usamos normalmente para dise\u00f1o editorial como Adobe InDesign ya dispone de los paneles para controlar par\u00e1metros en fuentes variables.<\/p>\n\n\n\n<p>Como siempre, la absoluta libertad es un arma de doble filo y ah\u00ed entra en juego la habilidad del dise\u00f1ador\/a para controlar las variables, y no que las variables lo controlen a \u00e9ste\/a. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignnone size-medium\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"423\" data-attachment-id=\"7112\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/la-familia-infinita\/variablefonts_12and13\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/variablefonts_12and13.png?fit=323%2C423&amp;ssl=1\" data-orig-size=\"323,423\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"variablefonts_12and13\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/variablefonts_12and13.png?fit=323%2C423&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/variablefonts_12and13.png?resize=323%2C423&#038;ssl=1\" alt=\"\" class=\"wp-image-7112\" srcset=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/variablefonts_12and13.png?w=323&amp;ssl=1 323w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/variablefonts_12and13.png?resize=229%2C300&amp;ssl=1 229w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><figcaption>Par\u00e1metros variables en software de Adobe<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">El verdadero potencial<\/h2>\n\n\n\n<p>Ahora bien, a primera vista nos podemos preguntar&#8230; \u00bftodo esto no se podr\u00eda resolver simplemente eligiendo y usando familias tipogr\u00e1ficas bien completas?<\/p>\n\n\n\n<p>Lo cierto es que las fuentes variables no apuntan solo a dar opciones de anchura o peso virtualmente infinitas. Casi cualquier propiedad de la fuente puede ser programada por el tip\u00f3grafo\/a, desde el contraste en el ojo de una O hasta la cantidad de serif en una familia entera.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"502\" data-attachment-id=\"6993\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/la-familia-infinita\/1_h9du9xlx75-k_rgyz2hria\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?fit=1406%2C1102&amp;ssl=1\" data-orig-size=\"1406,1102\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"1_H9du9XLX75-K_RgYZ2HRiA\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?fit=640%2C502&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?resize=640%2C502&#038;ssl=1\" alt=\"\" class=\"wp-image-6993\" srcset=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?resize=1024%2C803&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?resize=300%2C235&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?resize=768%2C602&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_H9du9XLX75-K_RgYZ2HRiA.gif?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"379\" data-attachment-id=\"6985\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/la-familia-infinita\/1_kcrtuwpuxc_7r46egoumiq\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?fit=1400%2C828&amp;ssl=1\" data-orig-size=\"1400,828\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Font Playground\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?fit=640%2C379&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?resize=640%2C379&#038;ssl=1\" alt=\"\" class=\"wp-image-6985\" srcset=\"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?resize=1024%2C606&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?resize=768%2C454&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/1_kcRTUwpUxc_7r46egoUMIQ.gif?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption> Usando la herramienta <a href=\"https:\/\/play.typedetail.com\/\">Font Playground<\/a> <\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>La idea es que las letras puedan adaptarse a situaciones del ambiente o contexto en que son consumidas, aumentando su legibilidad en situaciones de poca luz, seg\u00fan la distancia con el ojo del usuario o las preferencias personales que cada uno defina en su dispositivo. <\/p>\n\n\n\n<p>Comenzaremos a ver la tipograf\u00eda como un elemento vivo que puede &#8220;animarse&#8221; y acomodarse a distintos escenarios de uso, lo cual terminar\u00e1 siendo un reto tanto para dise\u00f1adores como para fundidoras y dise\u00f1adores\/as que decidan fabricar o utilizar estas fuentes.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/vfonts.bosnic.com.ar\/\">Ejemplo interactivo<\/a> jugando con m\u00faltiples par\u00e1metros variables<\/li><li><a href=\"https:\/\/play.typedetail.com\/\">Font Playground<\/a>, la herramienta m\u00e1s completa que encontr\u00e9 para experimentar con varias familias de Variable Fonts<\/li><li><a href=\"https:\/\/2018.ampersandconf.com\/\">AmpersandConf<\/a>, para una evento sobre tipograf\u00eda el sitio aprovech\u00f3 las propiedades variables de sus fuentes<\/li><li>Honestamente creo que vamos a empezar a ver mucho de <a href=\"https:\/\/grandgothik.com\/\">esto<\/a>.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Por lo general cuando nos gusta una familia, antes de usarla empezamos a investigar qu\u00e9 tan completa es, cu\u00e1ntas variantes tiene, sus opciones de pesos, anchos, ligaduras, etc. Con las &#8220;fuentes variables&#8221; esto ya no ser\u00e1 necesario. Welcome to the future.<\/p>\n","protected":false},"author":102,"featured_media":7001,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_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_publicize_message":"La familia infinita  #\u200eTipoblog #Tipograf&iacute;a2 #C&aacute;tedraCosgaya #\u200eFADU #\u200eUBA","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[34],"tags":[77,73,74,76,75,72],"class_list":["post-6945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia","tag-complicaciones","tag-experimental","tag-futuro","tag-tecnologia","tag-tendencias","tag-webfonts"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-content\/uploads\/2019\/05\/fb7fb2279d59ef3d2bb512b295f434ce51ecb2ce.jpg?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paXRK8-1O1","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/6945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/users\/102"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/comments?post=6945"}],"version-history":[{"count":39,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/6945\/revisions"}],"predecessor-version":[{"id":7139,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/posts\/6945\/revisions\/7139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/media\/7001"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/media?parent=6945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/categories?post=6945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2019\/wp-json\/wp\/v2\/tags?post=6945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}