{"id":494,"date":"2019-01-07T14:52:58","date_gmt":"2019-01-07T12:52:58","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=494"},"modified":"2019-01-10T17:04:05","modified_gmt":"2019-01-10T15:04:05","slug":"4-4-hinting","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/4-4-hinting\/","title":{"rendered":"4.4. <em>Hinting<\/em>"},"content":{"rendered":"<p>Un dels problemes m\u00e9s importants que presenten les tipografies quan s\u2019apliquen en elements digitals \u2014com una p\u00e0gina web, per exemple\u2014 \u00e9s com es visualitzen en una pantalla, sobretot si les treballem en mides petites.<\/p>\n<p>En tipografia digital tot el que veiem est\u00e0 format per p\u00edxels, aix\u00f2 significa que quan veiem una font en pantalla, el que realment apreciem \u00e9s una versi\u00f3 en baixa resoluci\u00f3 de la font que tenim instal\u00b7lada en el nostre ordinador, una versi\u00f3 creada en mapa de bits que s\u2019adapta el millor que pot als p\u00edxels de la pantalla.<\/p>\n<p>Si aquesta adaptaci\u00f3 no \u00e9s del tot correcta, poden apar\u00e8ixer algunes incorreccions com ara la desaparici\u00f3 d\u2019alguns nexes entre astes i gr\u00e0cies, la p\u00e8rdua de simetria, les diagonals irregulars o el desequilibri entre gruixos d\u2019asta i de contraformes.<\/p>\n<p>La soluci\u00f3 per a una correcta visualitzaci\u00f3 d\u2019una font en qualsevol tipus de navegador o element digital \u00e9s el <em>hinting<\/em>.<\/p>\n<div class=\"featured featured-blue\"><p>Aquesta t\u00e8cnica \u00e9s indispensable per a qualsevol font que intenti funcionar en cossos petits i en dispositius de baixa resoluci\u00f3.<\/p>\n<p>\u00c9s un m\u00e8tode per definir exactament quins p\u00edxels s\u2019activen o es desactiven per crear el millor dibuix possible d\u2019un car\u00e0cter.<\/p>\n<p>Un <em>hint<\/em> \u00e9s una instrucci\u00f3 matem\u00e0tica que s\u2019agrega a una font amb la finalitat de modificar el dibuix dels car\u00e0cters en determinats cossos.<\/p>\n<\/div>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-593 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_055.jpg\" alt=\"\" width=\"800\" height=\"499\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_055.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_055-300x187.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_055-768x479.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-594 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_056.jpg\" alt=\"\" width=\"800\" height=\"425\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_056.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_056-300x159.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_056-768x408.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-595 size-full\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_057.jpg\" alt=\"\" width=\"800\" height=\"440\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_057.jpg 800w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_057-300x165.jpg 300w, http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-content\/uploads\/sites\/13\/2019\/01\/20140_m1_057-768x422.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un dels problemes m\u00e9s importants que presenten les tipografies quan s\u2019apliquen en elements digitals \u2014com una p\u00e0gina web, per exemple\u2014 \u00e9s com es visualitzen en una pantalla, sobretot si les treballem en mides petites. En tipografia digital tot el que veiem est\u00e0 format per p\u00edxels, aix\u00f2 significa que quan veiem una font en pantalla, el [&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\/494"}],"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=494"}],"version-history":[{"count":3,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/494\/revisions"}],"predecessor-version":[{"id":668,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/pages\/494\/revisions\/668"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/wp-json\/wp\/v2\/media?parent=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}