{"id":10445,"date":"2023-05-10T08:00:00","date_gmt":"2023-05-10T06:00:00","guid":{"rendered":"https:\/\/www.ub.edu\/retrucs\/?p=10445"},"modified":"2023-04-20T10:31:41","modified_gmt":"2023-04-20T08:31:41","slug":"tipografia","status":"publish","type":"post","link":"https:\/\/www.ub.edu\/retrucs\/tipografia\/","title":{"rendered":"La tipografia tamb\u00e9 compta!"},"content":{"rendered":"\n<p>Hi ha certs factors ben coneguts que faciliten la lectura: el fons blanc, un cos de lletra entre 11 i 13 punts, un interlineat entre 1,15 o 1,5 o un nombre de car\u00e0cters per l\u00ednia entre 50 i 70. A part de tots aquests elements, tamb\u00e9 s\u2019ha de tenir en compte la tipografia, ja que pot condicionar la comprensi\u00f3 del text.<\/p>\n\n\n\n<p>La tria d\u2019una determinada lletra tipogr\u00e0fica afecta la llegibilitat i visibilitat del contingut, i per aix\u00f2 \u00e9s un factor clau que cal tenir en compte. A l\u2019hora d\u2019escollir-la, se sol tenir present, en primer lloc, en quin suport o suports es llegir\u00e0 el text.<\/p>\n\n\n\n<p>D\u2019una banda, hi ha les fonts amb serifs, les m\u00e9s utilitzades en textos impresos, com ara llibres, diaris i revistes, les quals tenen tra\u00e7os decoratius al final de les astes de les lletres. Es considera que ajuden a no perdre el fil perqu\u00e8 marquen, en certa manera, la l\u00ednia a seguir. En s\u00f3n alguns exemples la Book Antiqua, Courier, Georgia, Palatino i l\u2019arxiconeguda Times New Roman.<\/p>\n\n\n\n<p>Les p\u00e0gines web tradicionalment opten per fer \u00fas, d\u2019altra banda, de les fonts de pal sec, perqu\u00e8 sembla que s\u2019aprecien millor sobre la pantalla, ja que no tenen ornaments ni remats en les terminacions dels tra\u00e7os. En destaquen l\u2019Arial, Calibri, Helvetica i Verdana.<\/p>\n\n\n\n<p>Les lletres de pal sec tamb\u00e9 s\u00f3n les m\u00e9s adequades per a les persones amb disl\u00e8xia, ja que faciliten el rendiment lector. L\u2019<a href=\"https:\/\/www.dafont.com\/open-dyslexic.font\">OpenDyslexic<\/a>, per exemple, \u00e9s una tipografia dissenyada espec\u00edficament per mitigar alguns dels errors de lectura comuns causats per la disl\u00e8xia. Es caracteritza per una separaci\u00f3 entre car\u00e0cters superior a la mitjana i per un cos de lletra tamb\u00e9 m\u00e9s gran, cosa que pot millorar la llegibilitat del text. Finalment, tamb\u00e9 volem destacar l\u2019<a href=\"https:\/\/fonts.google.com\/specimen\/Atkinson+Hyperlegible\">Atkinson Hyperlegible<\/a>, creada per a persones amb discapacitat visual. Aquesta tipografia t\u00e9 un disseny de lletra amb contrastos clars, una forma simple i un espai entre les lletres m\u00e9s gran, la qual cosa fa que els car\u00e0cters siguin m\u00e9s f\u00e0cils d\u2019identificar.<\/p>\n\n\n\n<div class=\"wonderpluginslider-container\" id=\"wonderpluginslider-container-84\" style=\"max-width:900px;margin:0 auto;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;\"><div class=\"wonderpluginslider\" id=\"wonderpluginslider-84\" data-sliderid=\"84\" data-width=\"900\" data-height=\"450\" data-skin=\"classic\" data-usejsforfullbrowserwidth=\"false\" data-fullbrowserwidth=\"false\" data-playmutedandinlinewhenautoplay=\"false\" data-addextraattributes=\"false\" data-autoplay=\"true\" data-randomplay=\"false\" data-loadimageondemand=\"false\" data-transitiononfirstslide=\"false\" data-autoplayvideo=\"false\" data-isresponsive=\"true\" data-fullwidth=\"false\" data-isfullscreen=\"false\" data-ratioresponsive=\"true\" data-showtext=\"true\" data-showtimer=\"true\" data-showbottomshadow=\"false\" data-navshowpreview=\"true\" data-textautohide=\"true\" data-pauseonmouseover=\"false\" data-lightboxresponsive=\"true\" data-lightboxshownavigation=\"false\" data-lightboxshowtitle=\"true\" data-lightboxshowdescription=\"false\" data-texteffectresponsive=\"true\" data-donotinit=\"false\" data-addinitscript=\"false\" data-lightboxfullscreenmode=\"false\" data-lightboxcloseonoverlay=\"true\" data-lightboxvideohidecontrols=\"false\" data-lightboxnogroup=\"false\" data-shownav=\"true\" data-navthumbresponsive=\"false\" data-navshowfeaturedarrow=\"false\" data-inityoutube=\"true\" data-initvimeo=\"true\" data-navshowplaypause=\"true\" data-navshowarrow=\"true\" data-navshowbuttons=\"false\" data-lightboxshowsocial=\"false\" data-lightboxshowfacebook=\"true\" data-lightboxshowtwitter=\"true\" data-lightboxshowpinterest=\"true\" data-lightboxsocialrotateeffect=\"true\" data-showsocial=\"false\" data-showfacebook=\"true\" data-showtwitter=\"true\" data-showpinterest=\"true\" data-socialrotateeffect=\"true\" data-disableinlinecss=\"false\" data-triggerresize=\"false\" data-lightboxautoslide=\"false\" data-lightboxshowtimer=\"true\" data-lightboxshowplaybutton=\"false\" data-lightboxalwaysshownavarrows=\"false\" data-lightboxshowtitleprefix=\"true\" data-titleusealt=\"false\" data-outputtext=\"false\" data-titletag=\"h1\" data-descriptiontag=\"h2\" data-scalemode=\"fill\" data-arrowstyle=\"mouseover\" data-transition=\"slice\" data-loop=\"0\" data-border=\"0\" data-slideinterval=\"8000\" data-arrowimage=\"arrows-32-32-0.png\" data-arrowwidth=\"32\" data-arrowheight=\"32\" data-arrowtop=\"50\" data-arrowmargin=\"8\" data-ga4account=\"\" data-googleanalyticsaccount=\"\" data-navplaypauseimage=\"navplaypause-28-28-0.png\" data-navarrowimage=\"navarrows-28-28-0.png\" data-navstyle=\"bullets\" data-navimage=\"bullet-24-24-0.png\" data-navwidth=\"24\" data-navheight=\"24\" data-navspacing=\"8\" data-navmarginx=\"16\" data-navmarginy=\"16\" data-navposition=\"bottom\" data-navthumbnavigationstyle=\"arrow\" data-navthumbnavigationarrowimage=\"carouselarrows-32-32-0.png\" data-navthumbnavigationarrowimagewidth=\"32\" data-navthumbnavigationarrowimageheight=\"32\" data-playvideoimage=\"playvideo-64-64-0.png\" data-playvideoimagewidth=\"64\" data-playvideoimageheight=\"64\" data-lightboxthumbwidth=\"90\" data-lightboxthumbheight=\"60\" data-lightboxthumbtopmargin=\"12\" data-lightboxthumbbottommargin=\"4\" data-lightboxbarheight=\"64\" data-lightboxtitlebottomcss=\"{color:#333; font-size:14px; font-family:Armata,sans-serif,Arial; overflow:hidden; text-align:left;}\" data-lightboxdescriptionbottomcss=\"{color:#333; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;}\" data-textformat=\"Bottom bar\" data-textpositionstatic=\"bottom\" data-textpositiondynamic=\"bottomleft\" data-paddingleft=\"0\" data-paddingright=\"0\" data-paddingtop=\"0\" data-paddingbottom=\"0\" data-texteffectresponsivesize=\"640\" data-textleftrightpercentforstatic=\"40\" data-fadeduration=\"1000\" data-crossfadeduration=\"1000\" data-fadeoutfadeinduration=\"2000\" data-slideduration=\"1000\" data-cssslideduration=\"1000\" data-elasticduration=\"1000\" data-sliceduration=\"1500\" data-blindsduration=\"1500\" data-blocksduration=\"1500\" data-shuffleduration=\"1500\" data-tilesduration=\"2000\" data-kenburnsduration=\"5000\" data-flipduration=\"1500\" data-flipwithzoomduration=\"2000\" data-threedduration=\"1500\" data-threedhorizontalduration=\"1500\" data-threedwithzoomduration=\"2500\" data-threedhorizontalwithzoomduration=\"2200\" data-threedflipduration=\"1500\" data-threedflipwithzoomduration=\"2000\" data-threedtilesduration=\"2000\" data-threedfallback=\"flip\" data-threedhorizontalfallback=\"flip\" data-threedwithzoomfallback=\"flipwithzoom\" data-threedhorizontalwithzoomfallback=\"flipwithzoom\" data-threedflipfallback=\"flip\" data-threedflipwithzoomfallback=\"flipwithzoom\" data-threedtilesfallback=\"tiles\" data-ratiomediumscreen=\"900\" data-ratiomediumheight=\"1.6\" data-ratiosmallscreen=\"640\" data-ratiosmallheight=\"2.4\" data-socialmode=\"mouseover\" data-socialposition=\"position:absolute;top:8px;right:8px;\" data-socialpositionsmallscreen=\"position:absolute;top:8px;right:8px;\" data-socialdirection=\"horizontal\" data-socialbuttonsize=\"32\" data-socialbuttonfontsize=\"18\" data-navthumbcolumn=\"5\" data-navthumbtitleheight=\"20\" data-navthumbtitlewidth=\"120\" data-navthumbresponsivemode=\"samesize\" data-navthumbstyle=\"imageonly\" data-navthumbmediumsize=\"900\" data-navthumbmediumwidth=\"64\" data-navthumbmediumheight=\"64\" data-navthumbmediumcolumn=\"4\" data-navthumbmediumtitleheight=\"18\" data-navthumbmediumtitlewidth=\"120\" data-navthumbsmallsize=\"600\" data-navthumbsmallwidth=\"48\" data-navthumbsmallheight=\"48\" data-navthumbsmallcolumn=\"3\" data-navthumbsmalltitleheight=\"18\" data-navthumbsmalltitlewidth=\"120\" data-lightboxsocialposition=\"position:absolute;top:100%;right:0;\" data-lightboxsocialpositionsmallscreen=\"position:absolute;top:100%;right:0;left:0;\" data-lightboxsocialdirection=\"horizontal\" data-lightboxsocialbuttonsize=\"32\" data-lightboxsocialbuttonfontsize=\"18\" data-lightboxtitlestyle=\"bottom\" data-lightboximagepercentage=\"75\" data-lightboxdefaultvideovolume=\"1\" data-lightboxoverlaybgcolor=\"#000\" data-lightboxoverlayopacity=\"0.9\" data-lightboxbgcolor=\"#fff\" data-lightboxtitleprefix=\"%NUM \/ %TOTAL\" data-lightboxtitleinsidecss=\"color:#fff; font-size:16px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left;\" data-lightboxdescriptioninsidecss=\"color:#fff; font-size:12px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:left; margin:4px 0px 0px; padding: 0px;\" data-lightboxtitleoutsidecss=\"color:#fff; font-size:18px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:center; margin: 8px;\" data-lightboxdescriptionoutsidecss=\"color:#fff; font-size:14px; font-family:Arial,Helvetica,sans-serif; overflow:hidden; text-align:center; margin:8px; padding: 0px;\" data-triggerresizedelay=\"100\" data-lightboxslideinterval=\"5000\" data-lightboxtimerposition=\"bottom\" data-lightboxtimercolor=\"#dc572e\" data-lightboxtimeropacity=\"1\" data-lightboxbordersize=\"8\" data-lightboxborderradius=\"0\" data-textcss=\"display:block; padding:12px; text-align:left;\" data-textbgcss=\"display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);\" data-titlecss=\"display:block; position:relative; font:bold 14px &quot;Lucida Sans Unicode&quot;,&quot;Lucida Grande&quot;,sans-serif,Arial; color:#fff;\" data-descriptioncss=\"display:block; position:relative; font:12px &quot;Lucida Sans Unicode&quot;,&quot;Lucida Grande&quot;,sans-serif,Arial; color:#fff; margin-top:8px;\" data-buttoncss=\"display:block; position:relative; margin-top:8px;\" data-titlecssresponsive=\"font-size:12px;\" data-descriptioncssresponsive=\"font-size:12px;\" data-buttoncssresponsive=\"\" data-jsfolder=\"https:\/\/www.ub.edu\/retrucs\/wp-content\/plugins\/wonderplugin-slider-lite\/engine\/\" style=\"display:none;\" ><ul class=\"amazingslider-slides\"  style=\"display:none;\"><li><img decoding=\"async\" class=\"amazingslider-img-elem amazingsliderimg\" src=\"https:\/\/i2.wp.com\/www.silocreativo.com\/wp-content\/uploads\/2016\/01\/direfencia-serif-sans-serif.png?resize=666%2C370&amp;quality=100&amp;strip=all&amp;ssl=1\" alt=\"Maj\u00fascules amb lletres de pal sec i amb serifs\" title=\"Maj\u00fascules amb lletres de pal sec i amb serifs\" data-description=\"\" \/><\/li><li><img decoding=\"async\" class=\"amazingslider-img-elem amazingsliderimg\" src=\"https:\/\/i1.wp.com\/www.silocreativo.com\/wp-content\/uploads\/2016\/01\/diferencias-tipograficas.png?resize=666%2C370&amp;quality=100&amp;strip=all&amp;ssl=1\" alt=\"Min\u00fascules amb lletres de pal sec i amb serifs\" title=\"Min\u00fascules amb lletres de pal sec i amb serifs\" data-description=\"\" \/><\/li><\/ul><ul class=\"amazingslider-thumbnails\"  style=\"display:none;\"><li><img decoding=\"async\" class=\"amazingslider-thumbnail-elem amazingsliderthumbnailimg\" src=\"https:\/\/i2.wp.com\/www.silocreativo.com\/wp-content\/uploads\/2016\/01\/direfencia-serif-sans-serif.png?resize=666%2C370&amp;quality=100&amp;strip=all&amp;ssl=1\" alt=\"Maj\u00fascules amb lletres de pal sec i amb serifs\" title=\"Maj\u00fascules amb lletres de pal sec i amb serifs\" data-description=\"\" \/><\/li><li><img decoding=\"async\" class=\"amazingslider-thumbnail-elem amazingsliderthumbnailimg\" src=\"https:\/\/i1.wp.com\/www.silocreativo.com\/wp-content\/uploads\/2016\/01\/diferencias-tipograficas.png?resize=666%2C370&amp;quality=100&amp;strip=all&amp;ssl=1\" alt=\"Min\u00fascules amb lletres de pal sec i amb serifs\" title=\"Min\u00fascules amb lletres de pal sec i amb serifs\" data-description=\"\" \/><\/li><\/ul><\/div><\/div><div id=\"amazingslider_customtexteffect_84\" style=\"display:none;\" data-texteffect=\"{&quot;Bottom bar&quot;:{&quot;textstyle&quot;:&quot;static&quot;,&quot;textpositionstatic&quot;:&quot;bottom&quot;,&quot;textautohide&quot;:true,&quot;textpositionmarginstatic&quot;:0,&quot;textpositiondynamic&quot;:&quot;bottomleft&quot;,&quot;textpositionmarginleft&quot;:24,&quot;textpositionmarginright&quot;:24,&quot;textpositionmargintop&quot;:24,&quot;textpositionmarginbottom&quot;:24,&quot;texteffect&quot;:&quot;slide&quot;,&quot;texteffecteasing&quot;:&quot;easeOutCubic&quot;,&quot;texteffectduration&quot;:600,&quot;texteffectslidedirection&quot;:&quot;left&quot;,&quot;texteffectslidedistance&quot;:30,&quot;texteffectdelay&quot;:500,&quot;texteffectseparate&quot;:false,&quot;texteffect1&quot;:&quot;slide&quot;,&quot;texteffectslidedirection1&quot;:&quot;right&quot;,&quot;texteffectslidedistance1&quot;:120,&quot;texteffecteasing1&quot;:&quot;easeOutCubic&quot;,&quot;texteffectduration1&quot;:600,&quot;texteffectdelay1&quot;:1000,&quot;texteffect2&quot;:&quot;slide&quot;,&quot;texteffectslidedirection2&quot;:&quot;right&quot;,&quot;texteffectslidedistance2&quot;:120,&quot;texteffecteasing2&quot;:&quot;easeOutCubic&quot;,&quot;texteffectduration2&quot;:600,&quot;texteffectdelay2&quot;:1500,&quot;textcss&quot;:&quot;display:block; padding:12px; text-align:left;&quot;,&quot;textbgcss&quot;:&quot;display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#333333; opacity:0.6; filter:alpha(opacity=60);&quot;,&quot;titlecss&quot;:&quot;display:block; position:relative; font:bold 14px \\&quot;Lucida Sans Unicode\\&quot;,\\&quot;Lucida Grande\\&quot;,sans-serif,Arial; color:#fff;&quot;,&quot;descriptioncss&quot;:&quot;display:block; position:relative; font:12px \\&quot;Lucida Sans Unicode\\&quot;,\\&quot;Lucida Grande\\&quot;,sans-serif,Arial; color:#fff; margin-top:8px;&quot;,&quot;buttoncss&quot;:&quot;display:block; position:relative; margin-top:8px;&quot;,&quot;texteffectresponsive&quot;:true,&quot;texteffectresponsivesize&quot;:640,&quot;titlecssresponsive&quot;:&quot;font-size:12px;&quot;,&quot;descriptioncssresponsive&quot;:&quot;font-size:12px;&quot;,&quot;buttoncssresponsive&quot;:&quot;&quot;,&quot;addgooglefonts&quot;:false,&quot;googlefonts&quot;:&quot;&quot;,&quot;textleftrightpercentforstatic&quot;:40}}\"><\/div><script>function wonderslider_84_appendcss(csscode) {var head=document.head || document.getElementsByTagName(\"head\")[0];var style=document.createElement(\"style\");head.appendChild(style);style.type=\"text\/css\";if (style.styleSheet){style.styleSheet.cssText=csscode;} else {style.appendChild(document.createTextNode(csscode));}};wonderslider_84_appendcss(\"#wonderpluginslider-84 .star-rating { \tdisplay: inline-block; }\");<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Hi ha certs factors ben coneguts que faciliten la lectura: el fons blanc, un cos de lletra entre 11 i 13 punts, un interlineat entre 1,15 o 1,5 o un nombre de car\u00e0cters per l\u00ednia entre 50 i 70. A part de tots aquests elements, tamb\u00e9 s\u2019ha de tenir en &#8230;<\/p>\n","protected":false},"author":3,"featured_media":10457,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"aside","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[34],"class_list":["post-10445","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-retrucs","tag-tipografia","post_format-post-format-aside","column","threecol","has-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/posts\/10445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/comments?post=10445"}],"version-history":[{"count":0,"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/posts\/10445\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/media\/10457"}],"wp:attachment":[{"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/media?parent=10445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/categories?post=10445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ub.edu\/retrucs\/wp-json\/wp\/v2\/tags?post=10445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}