{"id":1835,"date":"2018-10-31T17:00:16","date_gmt":"2018-10-31T16:00:16","guid":{"rendered":"https:\/\/2018.granada.wordcamp.org\/?p=1835"},"modified":"2018-10-23T23:31:34","modified_gmt":"2018-10-23T21:31:34","slug":"el-futuro-de-la-tipografia-web-ana-cirujano-te-descubrira-las-fuentes-variables","status":"publish","type":"post","link":"https:\/\/granada.wordcamp.org\/2018\/diseno-y-usabilidad\/el-futuro-de-la-tipografia-web-ana-cirujano-te-descubrira-las-fuentes-variables\/","title":{"rendered":"El futuro de la tipograf\u00eda web: Ana Cirujano te descubrir\u00e1 las fuentes variables"},"content":{"rendered":"\n
\"Ana<\/figure>\n\n\n\n

La tipograf\u00eda<\/strong> es una disciplina del dise\u00f1o gr\u00e1fico que estudia la composici\u00f3n de los textos en armon\u00eda<\/strong> con las im\u00e1genes y otros elementos. Tradicionalmente, en dise\u00f1o editorial, los tip\u00f3grafos se han ocupado de conseguir composiciones perfectamente equilibradas y legibles, para que el lector las percibiera como agradables y f\u00e1ciles de leer. Durante a\u00f1os ha sido muy dif\u00edcil conseguir esto mismo en dise\u00f1o web, ya que la tecnolog\u00eda no lo permit\u00eda.<\/p>\n\n\n\n

En los \u00faltimos a\u00f1os y gracias a tecnolog\u00edas como OpenType o las webfonts, se mejora mucho el panorama, pero no se consiguen grandes avances, ya que se valora m\u00e1s la velocidad de carga de la web que su aspecto visual.<\/p>\n\n\n\n

Hoy, utilizando fuentes variables, podemos conseguir que los textos de una web se adapten al contexto del lector o usuario, para que sean m\u00e1s legibles y atractivos, consiguiendo un gran rendimiento, sin sacrificar la velocidad de carga de la web.<\/p>\n\n\n\n

Las fuentes variables cambian sus propiedades \u2014como el ancho o el peso, por ejemplo\u2014 \u00a1utilizando un \u00fanico archivo!<\/p>\n\n\n\n

Se espera que las fuentes variables sean totalmente utilizables en los navegadores a lo largo de este a\u00f1o, por lo que veremos c\u00f3mo se utilizan en WordPress (c\u00f3digo CSS) y qu\u00e9 ventajas tienen respecto a las dem\u00e1s fuentes. Tambi\u00e9n veremos ejemplos reales de aplicaci\u00f3n de fuentes variables y c\u00f3mo se crea una fuente variable.<\/p>\n\n\n\n

Sobre Ana Cirujano<\/strong> <\/h2>\n\n\n\n

Ana<\/strong>\u00a0(@acirujano<\/a>) es dise\u00f1adora visual y de interacci\u00f3n<\/strong> especializada en proyectos web con WordPress en anacirujano.com<\/a>; es Licenciada en Sociolog\u00eda en 2005 y realizo estudios superiores de Direcci\u00f3n Comercial y Marketing en 2008.<\/p>\n\n\n\n

En la actualidad, forma parte activa de la Comunidad WordPress<\/strong>, liderando el equipo de Dise\u00f1o de WordPress Espa\u00f1a, impartiendo cursos, charlas y ponencias sobre Tipograf\u00eda Responsive y WordPress. Soy coorganizadora de la Meetup de WordPress Collado Villalba y asisto a las WordCamps de toda Espa\u00f1a.<\/p>\n\n\n\n

Si quieres, puedes saber m\u00e1s sobre ella<\/a> en su blog\u00a0 easyworkation.com<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"

La tipograf\u00eda es una disciplina del dise\u00f1o gr\u00e1fico que estudia la composici\u00f3n de los textos en armon\u00eda con las im\u00e1genes y otros elementos. Tradicionalmente, en dise\u00f1o editorial, los tip\u00f3grafos se han ocupado de conseguir composiciones perfectamente equilibradas y legibles, para que el lector las percibiera como agradables y f\u00e1ciles de leer. Durante a\u00f1os ha sido […]<\/p>\n","protected":false},"author":223145,"featured_media":1800,"comment_status":"open","ping_status":"open","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":""},"categories":[1250082],"tags":[],"class_list":["post-1835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-y-usabilidad"],"jetpack_featured_media_url":"https:\/\/granada.wordcamp.org\/2018\/files\/2018\/10\/ana-cirujano.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9ygk4-tB","_links":{"self":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/users\/223145"}],"replies":[{"embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/comments?post=1835"}],"version-history":[{"count":12,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1835\/revisions"}],"predecessor-version":[{"id":1990,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1835\/revisions\/1990"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/media\/1800"}],"wp:attachment":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/categories?post=1835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/tags?post=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}