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 muy dif\u00edcil conseguir esto mismo en dise\u00f1o web, ya que la tecnolog\u00eda no lo permit\u00eda.<\/p>\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
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
Las fuentes variables cambian sus propiedades \u2014como el ancho o el peso, por ejemplo\u2014 \u00a1utilizando un \u00fanico archivo!<\/p>\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","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":15412659,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1542467400,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/www.slideshare.net\/acirujano\/ana-cirujano-fuentes-variables-el-futuro-de-la-tipografa-web","_wcpt_session_video":"","_wcpt_speaker_id":[1157],"footnotes":""},"session_track":[1100290],"session_category":[1250088],"class_list":["post-1159","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-sala-b","wcb_session_category-diseno-y-ux"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9ygk4-iH","session_date_time":{"date":"noviembre 17, 2018","time":"4:10 pm"},"session_speakers":[{"id":"1157","slug":"ana-cirujano","name":"Ana Cirujano","link":"https:\/\/granada.wordcamp.org\/2018\/speaker\/ana-cirujano\/"}],"session_cats_rendered":"Dise\u00f1o y UX","_links":{"self":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1159\/revisions"}],"predecessor-version":[{"id":1494,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1159\/revisions\/1494"}],"speakers":[{"embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/1157"}],"author":[{"embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wporg\/v1\/users\/acirujano"}],"wp:attachment":[{"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1159"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=1159"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/granada.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=1159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}