{"id":496,"date":"2019-01-07T14:55:47","date_gmt":"2019-01-07T12:55:47","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=496"},"modified":"2019-01-22T17:06:07","modified_gmt":"2019-01-22T15:06:07","slug":"4-5-algunes-fonts-recomanades","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/4-5-algunes-fonts-recomanades\/","title":{"rendered":"4.5. Algunes fonts recomanades"},"content":{"rendered":"<p>Quan un dissenyador busca una tipografia per a un projecte, no \u00e9s f\u00e0cil trobar fonts que compleixin tots els requisits: llegibilitat, facilitat de lectura, versatilitat, expressivitat, eleg\u00e0ncia, optimitzaci\u00f3 per a pantalla, etc.<\/p>\n<p>Afortunadament, la qualitat de les fonts que es dissenyen avui dia \u00e9s suficient com per poder abastar molts dels aspectes citats i en molts casos no cal desemborsar una gran quantitat de diners. Google, per exemple, ha recopilat una biblioteca de tipus gratu\u00eftes, algunes d\u2019elles de gran qualitat. L\u2019empresa encarrega regularment nous dissenys confiant que el lliure acc\u00e9s a les fonts animar\u00e0 els dissenyadors a utilitzar tipus de deb\u00f2 en lloc de rec\u00f3rrer a imatges GIF. S\u00f3n tipografies que es reprodueixen b\u00e9 en diverses plataformes i navegadors i que funcionen per compondre tant textos de lectura com titulars i subt\u00edtols. A continuaci\u00f3, en mostrarem alguns exemples:<\/p>\n<p><strong>1) PT Sans + Serif<\/strong>. Desenvolupades per ParaType, la fosa tipogr\u00e0fica m\u00e9s prestigiosa de R\u00fassia. Comprenen una extensa superfam\u00edlia de fonts amb un <em>hinting<\/em> de primera qualitat. El seu disseny, finan\u00e7at pel govern federal rus, inclou un joc de car\u00e0cters sense precedents que permet escriure en tots els idiomes del sistema central europeu, incl\u00f2s l\u2019alfabet cir\u00edl\u00b7lic. Es poden descarregar des dels enlla\u00e7os seg\u00fcents:<\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/?query=pt+sans\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/?query=pt+sans<\/a><\/u><\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/?query=pt+serif\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/?query=pt+serif<\/a><\/u><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-127\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_058.jpg\" alt=\"\" width=\"800\" height=\"168\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_058.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_058-300x63.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_058-768x161.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>2) Alegreya Sans + Serif<\/strong>. L\u2019escena llatinoamericana figura entre les m\u00e9s actives del m\u00f3n. Huerta Tipogr\u00e1fica \u00e9s una fosa creada per diversos estudiants del programa de postgrau de Disseny de tipus de la Universitat de Buenos Aires. Escollida com una de les 53 fonts de la d\u00e8cada per ATypI. La fam\u00edlia segueix les proporcions i principis humanistes i aconsegueix un par\u00e0graf harmoni\u00f3s mitjan\u00e7ant elements acuradament dissenyats en una atmosfera de diversitat. Es poden descarregar des dels enlla\u00e7os seg\u00fcents:<\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/specimen\/Alegreya\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/specimen\/Alegreya<\/a><\/u><\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/specimen\/Alegreya+Sans\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/specimen\/Alegreya+Sans<\/a><\/u><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-128\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_059.jpg\" alt=\"\" width=\"800\" height=\"157\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_059.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_059-300x59.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_059-768x151.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>3) Montserrat<\/strong>. Els antics cartells i la senyalitzaci\u00f3 al barri de Montserrat de Buenos Aires van inspirar Julieta Ulanovsky a dissenyar aquesta tipografia i rescatar la bellesa de les fonts urbanes que van sorgir a mitjan segle <span class=\"roman\">xx<\/span>. La fam\u00edlia disposa d\u2019una versi\u00f3 amb car\u00e0cters alternatius i una altra amb car\u00e0cters subratllats. El novembre de 2017 se\u2019n va fer una actualitzaci\u00f3 ampliant els pesos, les versions de rodona inclinada i incloent-hi l\u2019idioma cir\u00edl\u00b7lic. Es pot descarregar des de:<\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/?query=montserrat\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/?query=montserrat<\/a><\/u><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-129\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_060.jpg\" alt=\"\" width=\"800\" height=\"165\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_060.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_060-300x62.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_060-768x158.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>4) Roboto + Roboto Slab<\/strong>. Roboto t\u00e9 una doble naturalesa. T\u00e9 un esquelet mec\u00e0nic i les formes s\u00f3n en gran part geom\u00e8triques. Al mateix temps la font presenta corbes suaus i obertes. Mentre algunes fonts Grotesk distorsionen les seves formes de lletres per for\u00e7ar un ritme r\u00edgid, Roboto permet que les lletres s\u2019assentin en el seu ample natural. Aix\u00f2 fa que el ritme de lectura sigui m\u00e9s fluid, molt com\u00fa en els tipus humanista i <em>serif<\/em>. Es poden descarregar des dels enlla\u00e7os seg\u00fcents:<\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/specimen\/Roboto\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/specimen\/Roboto<\/a><\/u><\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/specimen\/Roboto+Slab\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/specimen\/Roboto+Slab<\/a><\/u><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-130\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_061.jpg\" alt=\"\" width=\"800\" height=\"168\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_061.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_061-300x63.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_061-768x161.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><strong>5) Noto Sans + Serif<\/strong>. Noto \u00e9s una tipografia digital de codi obert i universal. Inclou cadascun dels glifs de l\u2019est\u00e0ndard Unicode (que inclou 800 idiomes i 110.000 car\u00e0cters). A m\u00e9s, aquesta nova font cobreix llacunes que s\u2019han trobat en l\u2019est\u00e0ndard de codificaci\u00f3, digitalitzant els car\u00e0cters d\u2019alguns idiomes com l\u2019escriptura tibetana. Es poden descarregar des dels enlla\u00e7os seg\u00fcents:<\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/specimen\/Noto+Sans\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/specimen\/Noto+Sans<\/a><\/u><\/p>\n<p><u><a href=\"https:\/\/fonts.google.com\/specimen\/Noto+Serif\" target=\"_blank\" rel=\"noopener\">https:\/\/fonts.google.com\/specimen\/Noto+Serif<\/a><\/u><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-131\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_062.jpg\" alt=\"\" width=\"800\" height=\"168\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_062.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_062-300x63.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2018\/12\/20140_m1_062-768x161.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quan un dissenyador busca una tipografia per a un projecte, no \u00e9s f\u00e0cil trobar fonts que compleixin tots els requisits: llegibilitat, facilitat de lectura, versatilitat, expressivitat, eleg\u00e0ncia, optimitzaci\u00f3 per a pantalla, etc. Afortunadament, la qualitat de les fonts que es dissenyen avui dia \u00e9s suficient com per poder abastar molts dels aspectes citats i en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/496"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":4,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/496\/revisions"}],"predecessor-version":[{"id":697,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/496\/revisions\/697"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/media?parent=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}