![\"Tipografies](\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2013\/12\/tipografia-web.jpg\")
<\/p>\n[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3″ custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4″][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4″][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n
<\/p>\n
La tipograf\u00eda es uno de los elementos a tener en cuenta al crear una p\u00e1gina web, \u00e9sta nos ayudar\u00e1 a transmitir y explicar los contenidos de nuestra p\u00e1gina web de forma f\u00e1cil y agradable. Su buen uso facilita la legibilidad, la accesibilidad y la usabilidad.<\/strong><\/p>\n En estos momentos existe una clara tendencia en el dise\u00f1o web a usar cuerpos de letra cada vez m\u00e1s grandes<\/strong> en todos los textos: grandes t\u00edtulos espaciosos y textos a tama\u00f1os relativamente grandes que convierten la lectura en algo f\u00e1cil y agradable.<\/p>\n A continuaci\u00f3n explicamos algunos aspectos que hay que tener en cuenta:<\/p>\n El cuerpo de letra de los textos de una p\u00e1gina web debe tener un tama\u00f1o adecuado para una c\u00f3moda lectura<\/strong>. Un tama\u00f1o de 13px o 14px ser\u00eda correcto, dependiendo de la tipograf\u00eda escogida, aunque actualmente se tiende a cuerpos de letra de 16px o m\u00e1s. Cada vez se da m\u00e1s importancia a los contenidos bien presentados y entendedores.<\/p>\n Escogeremos una tipograf\u00eda adecuada para los textos y secciones de nuestra web, \u00e9sta debe ser de f\u00e1cil lectura<\/strong> (aqu\u00ed quedar\u00edan excluidas tipograf\u00edas muy barrocas o tipo fantas\u00eda).<\/p>\n Uno de los recursos que podemos utilizar es Google Fonts<\/a>, que nos ofrece una extensa variedad de tipograf\u00edas que podemos usar para web y que se ven correctamente en los navegadores. Tambi\u00e9n disponemos de algunas herramientas como Adobe Edge Fonts<\/a>\u00a0o Best Web Fonts<\/a> que nos permiten comparar y ver las distintas tipograf\u00edas que podemos usar en web.<\/p>\n Intentaremos evitar el uso de demasiadas tipograf\u00edas<\/strong> en una misma p\u00e1gina web, ya sea para conseguir un cierto orden visual como para que la p\u00e1gina no tarde demasiado en cargarse (en el caso de utilizar tipograf\u00edas no est\u00e1ndar). Se aconseja utilizar un m\u00e1ximo de 3 tipograf\u00edas.<\/p>\n Se recomienda establecer un orden de lectura, ya sea a trav\u00e9s de los colores, la tipograf\u00eda o los tama\u00f1os del texto. Usando la jerarqu\u00eda de t\u00edtulos<\/strong> (denominados en HTML h1, h2, h3, \u2026) ayudaremos al usuario que lea y encuentre lo que busca con m\u00e1s facilidad.<\/p>\n Un interlineado adecuado ayudar\u00e1 a facilitar la lectura de los textos de la p\u00e1gina web. La medida de este interlineado vendr\u00e1 condicionada seg\u00fan la tipograf\u00eda escogida. Una medida de 135\u2013140% es normalmente ser\u00eda correcta.<\/p>\n El usuario no est\u00e1 acostumbrado a leer textos en may\u00fasculas, as\u00ed que si se abusa de ellos en textos extensos dificulta la lectura. Tambi\u00e9n es un recurso muy asociado por los usuarios de Internet al acto de gritar o imponer.<\/p>\n El contraste es importante para obtener unos textos que tengan una buena lectura, esto lo conseguiremos escogiendo de forma correcta el color de fondo y el color de los textos.<\/p>\n Si las l\u00edneas de texto son demasiado extensas pueden provocar que la lectura sea algo lenta y pesada, adem\u00e1s de dificultar la continuidad de la lectura al pasar a la l\u00ednea siguiente.<\/p>\n Estos son algunos consejos que podemos aplicar para conseguir una p\u00e1gina web m\u00e1s atractiva y pr\u00e1ctica para los usuarios.<\/strong><\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4″][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1″ background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb header_font_size=\u00bb18″ body_font_size=\u00bb14″] [\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\nLa importancia del tama\u00f1o de los textos<\/h3>\n
La tipograf\u00eda id\u00f3nea<\/h3>\n
Establecer una jerarqu\u00eda<\/h3>\n
Un c\u00f3modo interlineado<\/h3>\n
No presentar muchos textos en may\u00fasculas<\/h3>\n
Un buen contraste<\/h3>\n
La longitud de las l\u00edneas<\/h3>\n