{"id":504,"date":"2018-11-02T13:43:27","date_gmt":"2018-11-02T11:43:27","guid":{"rendered":"http:\/\/webposible.com\/xposible\/?p=504"},"modified":"2021-06-17T10:27:41","modified_gmt":"2021-06-17T08:27:41","slug":"las-fuentes-de-massimo-vignelli","status":"publish","type":"post","link":"http:\/\/webposible.com\/xposible\/2018\/las-fuentes-de-massimo-vignelli\/","title":{"rendered":"Las fuentes de Massimo Vignelli"},"content":{"rendered":"<p>En estos d\u00edas estoy releyendo <span lang=\"en\">\u00abThe <span lang=\"it\">Vignelli<\/span> Canon\u00bb<\/span>, de <span lang=\"it\">Massimo Vignelli<\/span>. El libro, muy recomendable, est\u00e1 disponible en formato pdf (<a lang=\"en\" href=\"https:\/\/www.vignelli.com\/canon.pdf\" hreflang=\"en\">The <span lang=\"it\">Vignelli<\/span> Canon [pdf]<\/a>\u00ab), pero es uno de esos libros que se disfruta mucho en papel.<\/p>\n<p>En uno de sus contenidos, habla sobre tipograf\u00edas. Desde su experiencia, no hac\u00eda falta trabajar con un n\u00famero descomunal de tipograf\u00edas, con unas pocas seleccionadas pudo hacer la mayor parte de sus trabajos. De hecho menciona que en una exposici\u00f3n, mostraba una representaci\u00f3n de sus obras en las que \u00fanicamente usaba cuatro tipograf\u00edas, y son las siguientes:<\/p>\n<ul>\n<li><span lang=\"fr\">Garamond<\/span><\/li>\n<li><span lang=\"it\">Bodoni<\/span><\/li>\n<li><span lang=\"en\">Century Expanded<\/span><\/li>\n<li>Helvetica<\/li>\n<\/ul>\n<p>Nombraba tambi\u00e9n las siguientes fuentes, que a\u00f1ad\u00eda a su lista de imprescindibles (junto con algunas otras no mencionadas):<\/p>\n<ul>\n<li>Optima<\/li>\n<li>Futura<\/li>\n<li><span lang=\"en\">Univers<\/span><\/li>\n<li><span lang=\"en\">Caslon<\/span><\/li>\n<li><span lang=\"en\">Baskerville<\/span><\/li>\n<\/ul>\n<p>Ocho fuentes que usadas con sabidur\u00eda, podr\u00eda evitar lo que Massimo denominaba <q lang=\"en\">one of the biggest visual pollutions of all times<\/q>, debido a la proliferaci\u00f3n de fuentes creadas con los ordenadores.<\/p>\n<p>Como curiosidad, a\u00f1adiendo un poco m\u00e1s de informaci\u00f3n, m\u00e1s all\u00e1 del nombre de la fuente (fecha de creaci\u00f3n, autor y nacionalidad), saltan a la vista algunos detalles curiosos.<\/p>\n<ul>\n<li><strong><span lang=\"fr\">Garamond<\/span><\/strong> (1532), <span lang=\"fr\">Claude Garamond<\/span>, Francia.<\/li>\n<li><strong><span lang=\"it\">Bodoni<\/span><\/strong> (1788), <span lang=\"it\">Giambattista Bodoni<\/span>, Italia.<\/li>\n<li><strong>Century Expanded<\/strong> (1990), <span lang=\"en\">Morris Fuller Benton<\/span>, Estados Unidos.<\/li>\n<li><strong>Helvetica<\/strong> (1957), <span lang=\"de\">Max Miedinger<\/span> y <span lang=\"de\">Edouard Hoffmann<\/span>, Suiza.<\/li>\n<li><strong>Optima<\/strong> (1955), <span lang=\"de\">Hermann Zapf<\/span>, Alemania.<\/li>\n<li><strong>Futura<\/strong> (1930), Paul Renner, Alemania.<\/li>\n<li><strong><span lang=\"en\">Univers<\/span><\/strong> (1957), <span lang=\"de\">Adrian Frutinger<\/span>, Suiza.<\/li>\n<li><strong><span lang=\"en\">Caslon<\/span><\/strong> (1734), <span lang=\"en\">William Caslon<\/span>, Gran Breta\u00f1a.<\/li>\n<li><strong><span lang=\"en\">Baskerville<\/span><\/strong> (1757), <span lang=\"en\">John Baskerville<\/span>, Gran Breta\u00f1a.<\/li>\n<\/ul>\n<p>Las fuentes cl\u00e1sicas, que van desde el siglo XIV al XVI son originarias de Francia, Italia y Gran Breta\u00f1a. Las fuentes m\u00e1s actuales, se concentran en Alemania y Suiza (m\u00e1s la <span lang=\"en\">Century<\/span>, de Estados Unidos).<\/p>\n<p><span lang=\"it\">Massimo Vignelli<\/span> fue un dise\u00f1ador que trabaj\u00f3 en muchos \u00e1mbitos, pero en el contexto actual, hay que tener obviamente muy presente la proliferaci\u00f3n de pantallas en nuestras manos y frente a nosotros.<\/p>\n<p>Recuerdo haber le\u00eddo opiniones al respecto de las fuentes que a pesar de estar plenamiente consolidadas (\u00a1algunas se llevan usando durante siglos!), tal vez no sean las m\u00e1s apropiadas para el contexto digital. Al principio hab\u00eda que restringirse a las fuentes instaladas en el correspondiente sistema operativo (s\u00ed, el famoso <code>font-family: Helvetica, Arial, sans-serif<\/code> usada en las hojas de estilo), aunque hoy en d\u00eda existe la flexibilidad de poder usar <span lang=\"en\">webfonts<\/span> y hay una gran disponibilidad de fuentes con licencias bastante permisivas.<\/p>\n<p>Dadas las circunstancias actuales, \u00bfqu\u00e9 fuentes dise\u00f1adas recientemente a\u00f1adir\u00eda hoy en d\u00eda <span lang=\"it\">Massimo<\/span> a su lista para un uso predominante en un entorno digital? Mencionar\u00e9 algunas posibilidades, dise\u00f1adas en un contexto m\u00e1s actual, aunque ignoro su probabilidad:<\/p>\n<ul>\n<li><strong><span lang=\"en\">Fira Go<\/span><\/strong> (2018), varios autores, basada en la fuente Fira Sans (2013) dise\u00f1ada por Erik Spiekermann para el sistema operativo Firefox OS.<\/li>\n<li><strong>Roboto<\/strong> (2011), Christian Robertson (Estados Unidos), dise\u00f1ada para el sistema operativo Android.<\/li>\n<li><strong>San Francisco<\/strong> (2014), <span lang=\"en\">Apple<\/span>, Estados Unidos. Usada en sus sistemas operativos (iOS y Mac OSX).<\/li>\n<li><strong><span lang=\"en\">Segoe UI<\/span><\/strong> (2004), <span lang=\"en\">Steve Matteson<\/span>, Estados Unidos. Usada en los sistemas operativos de <span lang=\"en\">Microsoft<\/span>.<\/li>\n<\/ul>\n<p><strong>Pregunta<\/strong> que dejo en el aire. Estamos en el a\u00f1o <strong>2050<\/strong>. <strong><em>\u00bfEstar\u00e1n vivas <span lang=\"en\">Fira Go, <span lang=\"en\">Roboto, San Francisco, Segoe UI<\/span>, o habr\u00e1n ca\u00eddo en el olvido y seguir\u00e1n con todo su vigor las fuentes antes mencionadas y dise\u00f1adas de uno a ocho siglos antes?<\/span><\/em><\/strong><\/p>\n<p>El tiempo lo dir\u00e1.<\/p>\n<hr \/>\n<p><ins datetime=\"2021-06-17T10:24:00+01:00\">Actualizaci\u00f3n de junio del 2021.<\/ins><\/p>\n<p><span lang=\"sl\">Matej Latin<\/span>, autor del libro <em lang=\"en\">Better web typography for a better web<\/em> cuenta en su art\u00edculo <a lang=\"en\" href=\"https:\/\/betterwebtype.com\/articles\/2021\/06\/07\/all-you-need-is-5-fonts\/\" hreflang=\"en\">All you need is 5 fonts<\/a> tiene su grupo de fuentes favorito:<\/p>\n<ul lang=\"en\">\n<li>Gilroy<\/li>\n<li>Meta serif pro<\/li>\n<li>Roboto<\/li>\n<li>Georgia<\/li>\n<li>Work sans<\/li>\n<\/ul>\n<p>M\u00e1s all\u00e1 de la lista, recomienda las caracter\u00edsticas que tendr\u00edan que tener las fuentes elegidas para ser usadas en la web actual:<\/p>\n<blockquote lang=\"en\" cite=\"https:\/\/betterwebtype.com\/articles\/2021\/06\/07\/all-you-need-is-5-fonts\/\"><p>Here\u2019s a list of types of fonts I think a modern web designer needs to have on their \u201c5 fonts\u201d list:<\/p>\n<ul>\n<li>A geometric sans serif<\/li>\n<li>A high quality serif for long text<\/li>\n<li>A workhorse font<\/li>\n<li>A web safe font<\/li>\n<li>A variable font<\/li>\n<\/ul>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>En estos d\u00edas estoy releyendo \u00abThe Vignelli Canon\u00bb, de Massimo Vignelli. El libro, muy recomendable, est\u00e1 disponible en formato pdf (The Vignelli Canon [pdf]\u00ab), pero es uno de esos libros que se disfruta mucho en papel. En uno de sus contenidos, habla sobre tipograf\u00edas. Desde su experiencia, no hac\u00eda falta trabajar con un n\u00famero descomunal [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[47,49],"tags":[],"_links":{"self":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/504"}],"collection":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":6,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/504\/revisions"}],"predecessor-version":[{"id":749,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/504\/revisions\/749"}],"wp:attachment":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/media?parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/categories?post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/tags?post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}