{"id":12715,"date":"2024-06-25T10:33:04","date_gmt":"2024-06-25T08:33:04","guid":{"rendered":"https:\/\/www.sortlist.es\/blog\/?p=12715"},"modified":"2024-08-02T13:13:12","modified_gmt":"2024-08-02T11:13:12","slug":"tipografias","status":"publish","type":"post","link":"https:\/\/www.sortlist.es\/blog\/tipografias\/","title":{"rendered":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web"},"content":{"rendered":"     \n    <div id=\"module_key_takeaways--block_8de067a4dc3d980874e74922471409ae\" class=\"sl_custom_module module_key_takeaways is_preview\">\n        <div class=\"module_key_takeaways__wrapper\">\n            \n\n<h3 class=\"wp-block-heading\">Puntos clave del art\u00edculo<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El art\u00edculo proporciona una gu\u00eda detallada sobre la importancia de elegir correctamente las tipograf\u00edas para un sitio web. <\/li>\n\n\n\n<li>Destaca que la tipograf\u00eda no solo afecta la est\u00e9tica del sitio, sino tambi\u00e9n su legibilidad y la percepci\u00f3n de la marca. <\/li>\n\n\n\n<li>El art\u00edculo desglosa el concepto de tipograf\u00eda y su relevancia hist\u00f3rica y pr\u00e1ctica en el dise\u00f1o web, explicando las cuatro familias principales de tipograf\u00edas: serif, sans serif, script y decorativas. <\/li>\n\n\n\n<li>Tambi\u00e9n ofrece recomendaciones sobre c\u00f3mo seleccionar y combinar tipograf\u00edas adecuadas para mejorar la experiencia del usuario, sugiriendo limitarse a dos tipograf\u00edas para mantener la coherencia y evitar distracciones. <\/li>\n\n\n\n<li>Finalmente, se mencionan algunas fuentes recomendadas y sitios donde se pueden encontrar tipograf\u00edas gratuitas.<\/li>\n<\/ul>\n\n\n        <\/div>\n    <\/div>\n\n\n\n\n<p>Cuando te embarcas en un proyecto de <strong>creaci\u00f3n o <a href=\"https:\/\/www.sortlist.es\/blog\/rediseno-de-tu-pagina-web-las-9-razones-que-te-animan-a-emprenderlo\/\" target=\"_blank\" rel=\"noreferrer noopener\">redise\u00f1o de sitio web<\/a><\/strong> es posible que te sientas abrumado por la cantidad y elementos que debes cuidar. Sin duda los textos y dise\u00f1o abarcan gran parte de tu atenci\u00f3n, pero hay un aspecto que debes cuidar. Se trata de las <strong>tipograf\u00edas <\/strong>y los textos.<\/p>\n\n\n\n<p>Elegir las fuentes a utilizar no es un trabajo sencillo. Deben estar <strong>alineadas en estilo y tono<\/strong> con tu marca. En muchos casos las fuentes en s\u00ed mismas <strong>comunican <\/strong>m\u00e1s que el propio texto.&nbsp;<\/p>\n\n\n\n<p>A lo largo de esta gu\u00eda te explicamos m\u00e1s sobre las diferentes tipograf\u00edas y compartimos algunas recomendaciones que te van a ayudar a escoger la <strong>combinaci\u00f3n perfecta<\/strong> para tu sitio web.<\/p>\n\n\n\n<p>\u00a1Entremos en materia!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es la tipograf\u00eda en dise\u00f1o web?&nbsp;<\/h2>\n\n\n\n<p>El t\u00e9rmino tipograf\u00eda esta formado por la uni\u00f3n de <strong>3<\/strong> componentes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tipos que significa <strong>\u201cmolde\u201d<\/strong>.<\/li>\n\n\n\n<li>Graphos que puede traducirse como <strong>\u201cescribir o grabar\u201d<\/strong>.<\/li>\n\n\n\n<li>El sufijo \u2013ia que es equivalente a <strong>\u201ccualidad o acci\u00f3n\u201d<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Si bien ha existido desde hace siglos, la imprenta prestaba especial atenci\u00f3n a este arte y t\u00e9cnica de ordenar y estilizar los textos, vemos c\u00f3mo con el paso del tiempo ha ido <strong>modific\u00e1ndose <\/strong>y manteni\u00e9ndose vigente.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tipografia significado en el dise\u00f1o web<\/h3>\n\n\n\n<p>El t\u00e9rmino tipograf\u00eda, en el mundo del <a href=\"https:\/\/www.sortlist.es\/blog\/que-es-diseno-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1o web<\/a>, se refiere a las diferentes fuentes que se utilizan para <strong>comunicar un mensaje y la voz de tu marca.<\/strong> Dicho de otra forma, se trata del c\u00f3mo se ven los textos de tu sitio web.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><\/p>\n<cite>La tipograf\u00eda es una herramienta oculta de manipulaci\u00f3n dentro de la sociedad. Todas las escuelas deber\u00edan ense\u00f1ar tipograf\u00eda; deber\u00edamos ser fundamentalmente conscientes de c\u00f3mo el lenguaje tipogr\u00e1fico est\u00e1 formando a gilipollas. <a href=\"https:\/\/typography.guru\/quote\/\">Neville Brody.<\/a><br><\/cite><\/blockquote>\n\n\n\n<p>Ahora bien, podr\u00edamos pensar que el proceso para elegir las tipograf\u00edas de tu sitio es un proceso sencillo. Sin embargo, nada m\u00e1s alejado de la realidad. No es suficiente revisar la lista de tipos de letras disponibles y escoger una al azar.<\/p>\n\n\n\n<p>Necesitas trabajar con una que est\u00e9 en l\u00ednea con el<strong> estilo, tono y voz de tu marca<\/strong>. Una que refuerce los mensajes que quieres transmitir y que adem\u00e1s facilite la lectura desde un ordenador o dispositivo m\u00f3vil.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 hace que una tipograf\u00eda sea buena para una p\u00e1gina web?<\/h3>\n\n\n\n<p>Una tipograf\u00eda es buena para un sitio web cuando, sin importar el dispositivo desde el que el usuario navega, facilita la lectura y lo incentiva a <strong>permanecer en la p\u00e1gina por m\u00e1s tiempo.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Cuando vayas a escoger la tipograf\u00eda con la que vas a trabajar en tu <a href=\"https:\/\/www.sortlist.es\/blog\/partes-de-una-pagina-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">p\u00e1gina web<\/a> debes tomar en cuenta ciertas consideraciones que incluyen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Tipo de letra<\/li>\n\n\n\n<li>Tama\u00f1o de letra<\/li>\n\n\n\n<li>Color<\/li>\n\n\n\n<li>Altura de l\u00ednea<\/li>\n\n\n\n<li>Formas de letra.<\/li>\n<\/ol>\n\n\n\n<p>\u00bfPor qu\u00e9? Porque cuando se consume <a href=\"https:\/\/www.sortlist.es\/blog\/contenido-digital\/\" target=\"_blank\" rel=\"noreferrer noopener\">contenido<\/a> a trav\u00e9s de una <strong>pantalla <\/strong>el lector tiene <strong>per\u00edodos de atenci\u00f3n cortos<\/strong>, en los que b\u00e1sicamente hace una revisi\u00f3n r\u00e1pida de los textos y si algo les interesa, entonces se detienen por un per\u00edodo m\u00e1s largo. Adem\u00e1s, las personas navegan desde diferentes tipos y tama\u00f1os de pantallas, por lo que es clave que toda la informaci\u00f3n sea legible en cualquier tama\u00f1o y resoluci\u00f3n.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1ntas tipograf\u00edas o combinaciones de tipograf\u00edas debe tener tu website?<\/h3>\n\n\n\n<p>Trabajar con muchos tipos de letra s\u00f3lo puede afectar el rendimiento de tu sitio web al distraer y desorientar al visitante. De all\u00ed que nuestra recomendaci\u00f3n es que te limites a una <strong>combinaci\u00f3n de 2 tipograf\u00edas<\/strong>. Adem\u00e1s, siempre puedes aprovechar las negritas, tama\u00f1os, y estilos para darle el movimiento necesario a las diferentes p\u00e1ginas y secciones.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1l es el tama\u00f1o ideal para los textos de tu sitio web?<\/h3>\n\n\n\n<p>Lo primero que debes entender es que el tama\u00f1o de la letra de tu sitio web debe responder al <strong>tama\u00f1o de la pantalla<\/strong> que lo muestra. En l\u00edneas generales, las fuentes deben tener entre:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>12 y 16<\/strong> pt para pantallas de m\u00f3viles.<\/li>\n\n\n\n<li><strong>15 y 19<\/strong> pt para pantallas de tabletas.<\/li>\n\n\n\n<li><strong>16 y 20<\/strong> pt para pantallas de ordenadores.<\/li>\n<\/ul>\n\n\n\n<p>M\u00e1s all\u00e1 de estos rangos, al dise\u00f1ar tu sitio web, debes tomar en cuenta el tama\u00f1o y estilo del tipo de letra que hayas escogido.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfCu\u00e1les son los tipos de tipograf\u00eda? Familias tipograficas<\/h2>\n\n\n\n<p>Antes de revisar los diferentes tipos de tipograf\u00edas que puedes utilizar en tu sitio web, consideramos importante detenernos en las 4 <strong>familias<\/strong> tipogr\u00e1ficas b\u00e1sicas: <strong>serif, sans serif, script y decorativas.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Estas categor\u00edas tienen una serie de caracter\u00edsticas, estilos y estructuras comunes que luego se desprenden en diferentes tipos de tipograf\u00edas.&nbsp;<\/p>\n\n\n\n<p>Revisemos entonces cu\u00e1les son esas 4 grandes agrupaciones que conglomeran a las miles de tipograf\u00edas entre las que puedes escoger.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Serif o Serifa<\/h3>\n\n\n\n<p>Muchos consideran que estas son las m\u00e1s cl\u00e1sicas y elegantes, pues suelen estar asociadas con textos impresos, libros, peri\u00f3dicos, revistas, etc. Se caracteriza por tener una peque\u00f1a l\u00ednea al final del trazo en cada letra o s\u00edmbolo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1214\" height=\"857\" src=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11.png\" alt=\"Tipograf\u00eda Serif\" class=\"wp-image-12718\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11.png 1214w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-768x542.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-50x35.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-288x203.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-576x407.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-339x239.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-678x479.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-373x263.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-746x527.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-691x488.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-973x687.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-1048x740.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-478x337.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-956x675.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-516x364.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-1032x729.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-11-680x480.png 680w\" sizes=\"auto, (max-width: 1214px) 100vw, 1214px\" \/><\/figure><\/div>\n\n\n<p>Existe la teor\u00eda de que ella se origina en la escritura romana y que incluso se utilizaba para el grabado en piedra.<\/p>\n\n\n\n<p>Algunos ejemplos incluyen tipograf\u00edas como Times New Roman, Georgia, Garamond y Book Antiqua.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sans Serif o Sin Serifa<\/h3>\n\n\n\n<p>Estas son las <strong>tipograf\u00edas elegantes y modernas.<\/strong> No tienen l\u00edneas decorativas al final del trazo de cada letra. Este tipo de letras son ideales para sitios web pues facilitan la lectura y no cansan la vista.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1226\" height=\"868\" src=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12.png\" alt=\"Sans Serif vs Serif\" class=\"wp-image-12719\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12.png 1226w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-768x544.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-50x35.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-288x204.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-576x408.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-339x240.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-678x480.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-373x264.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-746x528.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-691x489.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-973x689.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-1048x742.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-478x338.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-956x677.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-516x365.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-1032x731.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-12-680x481.png 680w\" sizes=\"auto, (max-width: 1226px) 100vw, 1226px\" \/><\/figure><\/div>\n\n\n<p>Algunos ejemplos de estas tipograf\u00edas son Montserrat, Franklin Gothic, Arial, Futura, Gotham, etc.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Script o Manuscrita<\/h3>\n\n\n\n<p>Las tipograf\u00edas script son las que <strong>simulan la escritura a mano<\/strong> con una pluma con trazos gruesos y finos. Este tipo se recomienda para casos muy puntuales que incluyen invitaciones de bodas o eventos especiales. En el caso de la publicidad y sitios web debes limitarte a utilizarla s\u00f3lo en el t\u00edtulo pues dificulta al leer de manera r\u00e1pida y sin distracciones.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1224\" height=\"867\" src=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13.png\" alt=\"Tipograf\u00edas Script\" class=\"wp-image-12720\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13.png 1224w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-768x544.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-50x35.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-288x204.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-576x408.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-339x240.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-678x480.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-373x264.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-746x528.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-691x489.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-973x689.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-1048x742.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-478x339.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-956x677.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-516x366.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-1032x731.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-13-680x482.png 680w\" sizes=\"auto, (max-width: 1224px) 100vw, 1224px\" \/><\/figure><\/div>\n\n\n<p>Entre las principales tipograf\u00edas de este tipo se encuentran Beckham Script, Parisienne, Lobster y Lucida.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Display o Decorativas<\/h3>\n\n\n\n<p>Este tipo de letras se caracterizan por darle prioridad al lado est\u00e9tico por encima de la legibilidad. Son ideales para llamar la atenci\u00f3n del lector, pero debes limitar su uso para no cansar al visitante de tu sitio web.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"844\" src=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14.png\" alt=\"Tipos de letra display\" class=\"wp-image-12721\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14.png 1218w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-768x532.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-50x35.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-288x200.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-576x399.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-339x235.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-678x470.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-373x258.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-746x517.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-691x479.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-973x674.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-1048x726.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-478x331.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-956x662.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-516x358.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-1032x715.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/image-14-680x471.png 680w\" sizes=\"auto, (max-width: 1218px) 100vw, 1218px\" \/><\/figure><\/div>\n\n\n<p>Algunos ejemplos son Bateleur Bold, Quality y Auro.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfCu\u00e1l es la tipograf\u00eda ideal para tu sitio web? Tipos de letras<\/h2>\n\n\n\n<p>A continuaci\u00f3n te dejamos un repaso por algunas de las mejores tipograf\u00edas que existen actualmente para el <a href=\"https:\/\/www.sortlist.es\/diseno-web\/espana-es\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1o de sitios web<\/a>. Escoger una o dos de ellas te permitir\u00e1n <strong>tener textos f\u00e1ciles de leer<\/strong> y alineados a los que los ojos de los visitantes est\u00e1n acostumbrados.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Roboto<\/h3>\n\n\n\n<p>Es una de las fuentes m\u00e1s populares del mercado. Tanto que Google la utiliza en su sistema operativo Android y en Chrome. Es una opci\u00f3n que facilita la legibilidad y accesibilidad de tu sitio.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Open Sans<\/h3>\n\n\n\n<p>Una fuente b\u00e1sica de la familia sans serif. Puedes utilizarla para un sitio web profesional con un dise\u00f1o minimalista. Se caracteriza por su legibilidad, facilidad de uso y capacidad de adaptaci\u00f3n para sitios m\u00f3viles. De all\u00ed que con frecuencia la consigues en sitios web y aplicaciones.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lato<\/h3>\n\n\n\n<p>Fuente b\u00e1sica con un aspecto limpio y moderno que pertenece a la familia sans serif. Es perfecta para si quieres construir un sitio web corporativo y transmitir credibilidad.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Playfair Display<\/h3>\n\n\n\n<p>Es una de las fuentes de la familia serif. Se caracteriza por tener un estilo elegante, de all\u00ed que sea perfecta para <a href=\"https:\/\/www.sortlist.es\/blog\/estrategia-de-contenidos-digitales\/\">contenido<\/a> relacionado al mundo de la moda.&nbsp;Playfair Display tambi\u00e9n puede ser una buena opci\u00f3n para portafolios profesionales.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Poppins&nbsp;<\/h3>\n\n\n\n<p>Pertenece a la familia tipogr\u00e1fica sans serif y se caracteriza por tener una est\u00e9tica limpia y minimalista. Se basa en formas geom\u00e9tricas y c\u00edrculos perfectos.<\/p>\n\n\n\n<p>Ahora que ya sabes de estas tipograf\u00edas, \u00bfcu\u00e1les son las que a utilizar en tu sitio web?<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Consejos para seleccionar tipograf\u00edas elegantes y modernas<\/h2>\n\n\n\n<p>Cuando empezamos a revisar las diferentes tipograf\u00edas nos damos cuenta que existe un sinf\u00edn de opciones. Pero, no todas son ideales para tu sitio web. Veamos pues c\u00f3mo puedes hacer para trabajar con una tipograf\u00eda f\u00e1cil de leer y moderna.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div id=\"module_call-to-action--block_81cb5ea9e7f3c5cccdfc0eb6b785d371\" class=\"sl_custom_module module_call-to-action align_text_left\">\n    <div class=\"module_call-to-action__wrapper\">\n        <h4 class=\"js-texte-typing\">Toma la decisi\u00f3n correcta                            <span class=\"js-texte-typing-text\"><\/span>\n                    <\/h4>\n        \n        <p>Descubre a los mejores proveedores de servicios que se adapten a tus necesidades.<\/p>\n\n        \n            \n                <span class=\"js-ga-gutenbergBlock-callToAction btn btn-blue\" target=\"_blank\" rel=\"nofollow noopener\" data-o=\"aHR0cHM6Ly93d3cuc29ydGxpc3QuZXMvcHJvamVjdC9uZXc\/YXV0b2xvYWQ9dHJ1ZQ==\">Nuevo proyecto<\/span>\n\n            \n            <\/div>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Combinar tipograf\u00edas<\/h3>\n\n\n\n<p>Antes de que empieces a revisar listados y listados de tipograf\u00edas, ten en cuenta que un sitio web debe tener, idealmente, no m\u00e1s de <strong>dos tipograf\u00edas.<\/strong><\/p>\n\n\n\n<p>Adem\u00e1s, nuestra principal recomendaci\u00f3n es ambas pertenezcan a las <strong>Sans Serif<\/strong> (Montserrat, Franklin Gothic, Arial, Futura, Gotham, etc.). Estas son las que se caracterizan por facilitar la lectura y hacer que los textos de tu sitio web puedan ser r\u00e1pidamente escaneados, entendidos y procesados por los visitantes.&nbsp;<\/p>\n\n\n\n<p>Ahora, una excepci\u00f3n v\u00e1lida, ser\u00eda combinar tipograf\u00edas serif para los t\u00edtulos, subt\u00edtulos, o citas, con serif para el resto de los textos.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Otras recomendaciones para elegir tipograf\u00edas bonitas<\/h3>\n\n\n\n<p>M\u00e1s all\u00e1 del tipo de tipograf\u00eda con el que vayas a trabajar los textos de tu sitio web, debes tener en cuenta estos detalles.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Trabaja con tipograf\u00edas est\u00e1ndar. <\/strong>Es decir, una fuente segura para la web, que permita que el texto de tu p\u00e1gina web sea f\u00e1cilmente legible para todo el mundo y desde cualquier medio digital.<\/li>\n\n\n\n<li><strong>Limita las animaciones de los textos s\u00f3lo para el t\u00edtulo de tu <a href=\"https:\/\/www.sortlist.es\/blog\/que-es-una-homepage\/\">homepage<\/a>. <\/strong>Esto sirve para captar la atenci\u00f3n del visitante en un momento dado, pero el exceso puede s\u00f3lo traerte problemas.<\/li>\n\n\n\n<li><strong>Deja espacio suficiente entre una l\u00ednea y otra. <\/strong>Para el cuerpo de texto, debes trabajar con el interlineado de <strong>1,5.<\/strong> Mientras que entre p\u00e1rrafos, debes tener un interlineado de <strong>2,5<\/strong>.<\/li>\n\n\n\n<li><strong>Limita las l\u00edneas de texto a 40-80 caracteres.<\/strong> Este par\u00e1metro ofrece cierto margen de maniobra para diferentes dise\u00f1os de p\u00e1gina y dise\u00f1os adaptados a dispositivos m\u00f3viles.<\/li>\n\n\n\n<li><strong>Pon a prueba tus textos.<\/strong> P\u00eddele a un grupo de personas que revisen tu sitio web y compartan sus opiniones respecto a la legibilidad de los textos. Su opini\u00f3n es clave para el \u00e9xito de tu sitio.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Si te sientes un poco abrumado con esta elecci\u00f3n, siempre puedes <a href=\"https:\/\/www.sortlist.es\/blog\/precio-pagina-web-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">buscar apoyo<\/a> en cualquiera de las 10 mejores <a href=\"https:\/\/www.sortlist.es\/diseno-web\/madrid-es\" target=\"_blank\" rel=\"noreferrer noopener\">empresas de dise\u00f1o web en Madrid<\/a>. Ellas, m\u00e1s all\u00e1 de ayudarte con los textos, te van a brindar una asesor\u00eda completa para lograr sitios web que conviertan visitantes en compradores de tu marca.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfD\u00f3nde buscar fuentes gratis?<\/h3>\n\n\n\n<p>Por \u00faltimo queremos dejarte un listado de algunos sitios donde puedes conseguir fuentes totalmente gratis y las puedas utilizar &nbsp;en tus dise\u00f1os y sitios web.<\/p>\n\n\n\n<p>Te invitamos a probar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GoogleFonts<\/li>\n\n\n\n<li>Dafont<\/li>\n\n\n\n<li>Font Squirrel<\/li>\n\n\n\n<li>MyFonts<\/li>\n\n\n\n<li>UrbanFonts<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>A lo largo de estas l\u00edneas queda claro que la elecci\u00f3n de la tipograf\u00eda de tu sitio web no es cualquier cosa. Tiene un impacto directo en la legibilidad y accesibilidad de la p\u00e1gina, y en consecuencia, en el <a href=\"https:\/\/www.sortlist.es\/blog\/diseno-web-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">posicionamiento<\/a> en buscadores y en los n\u00fameros de conversi\u00f3n y rendimiento.<\/p>\n\n\n\n<p>De all\u00ed que te recomendamos prestar la atenci\u00f3n necesaria a las diferentes opciones y no inventar. El ojo humano necesita espacios blancos y letras sencillas que permitan una lectura r\u00e1pida y sin distracciones de los textos de tu sitio web..<\/p>\n\n\n\n<p>Recuerda, trabajar con tipograf\u00edas sans serif siempre es la mejor opci\u00f3n. Especialmente para las secciones de textos largos.<\/p>\n\n\n\n<p>Ahora, s\u00f3lo queda que tu equipo se ponga manos a la obra y logren un sitio web amable con el visitante. Recuerda, siempre puedes buscar apoyo en cualquiera de las\u00a0<a href=\"https:\/\/www.sortlist.es\/diseno-web\/espana-es\" target=\"_blank\" rel=\"noreferrer noopener\">10 mejores empresas de dise\u00f1o web de Espa\u00f1a.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando te embarcas en un proyecto de creaci\u00f3n o redise\u00f1o de sitio web es posible que te sientas abrumado por la cantidad y elementos que debes cuidar. Sin duda los textos y dise\u00f1o abarcan gran parte de tu atenci\u00f3n, pero hay un aspecto que debes cuidar. Se trata de las tipograf\u00edas y los textos. Elegir [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":12725,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[39,50],"class_list":["post-12715","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creativo-visual","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo, te contamos c\u00f3mo hacer tu web m\u00e1s impactante y din\u00e1mica a trav\u00e9s de tipograf\u00edas modernas y elegantes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sortlist.es\/blog\/tipografias\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo, te contamos c\u00f3mo hacer tu web m\u00e1s impactante y din\u00e1mica a trav\u00e9s de tipograf\u00edas modernas y elegantes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.es\/blog\/tipografias\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-25T08:33:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-02T11:13:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Clara Gil\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Clara Gil\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/\"},\"author\":{\"name\":\"Clara Gil\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#\\\/schema\\\/person\\\/a404968f5ec32ed866088e9f48ffb4b9\"},\"headline\":\"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web\",\"datePublished\":\"2024-06-25T08:33:04+00:00\",\"dateModified\":\"2024-08-02T11:13:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/\"},\"wordCount\":2172,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg\",\"articleSection\":[\"Creativo y Visual\",\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/\",\"name\":\"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg\",\"datePublished\":\"2024-06-25T08:33:04+00:00\",\"dateModified\":\"2024-08-02T11:13:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#\\\/schema\\\/person\\\/a404968f5ec32ed866088e9f48ffb4b9\"},\"description\":\"En este art\u00edculo, te contamos c\u00f3mo hacer tu web m\u00e1s impactante y din\u00e1mica a trav\u00e9s de tipograf\u00edas modernas y elegantes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg\",\"width\":1748,\"height\":1240,\"caption\":\"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/tipografias\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Nuestras Gu\u00edas de Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#\\\/schema\\\/person\\\/a404968f5ec32ed866088e9f48ffb4b9\",\"name\":\"Clara Gil\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/avatar_user_83_1718114633.png\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/avatar_user_83_1718114633.png\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/avatar_user_83_1718114633.png\",\"caption\":\"Clara Gil\"},\"description\":\"Passionate about keeping up with new marketing and sales trends and sharing what she's learned through the Sortlist Blog. She is also a full-time mom.\",\"url\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/author\\\/claragil\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web","description":"En este art\u00edculo, te contamos c\u00f3mo hacer tu web m\u00e1s impactante y din\u00e1mica a trav\u00e9s de tipograf\u00edas modernas y elegantes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sortlist.es\/blog\/tipografias\/","og_locale":"es_ES","og_type":"article","og_title":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web","og_description":"En este art\u00edculo, te contamos c\u00f3mo hacer tu web m\u00e1s impactante y din\u00e1mica a trav\u00e9s de tipograf\u00edas modernas y elegantes.","og_url":"https:\/\/www.sortlist.es\/blog\/tipografias\/","og_site_name":"Sortlist Blog","article_published_time":"2024-06-25T08:33:04+00:00","article_modified_time":"2024-08-02T11:13:12+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg","type":"image\/jpeg"}],"author":"Clara Gil","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Clara Gil","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/"},"author":{"name":"Clara Gil","@id":"https:\/\/www.sortlist.es\/blog\/#\/schema\/person\/a404968f5ec32ed866088e9f48ffb4b9"},"headline":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web","datePublished":"2024-06-25T08:33:04+00:00","dateModified":"2024-08-02T11:13:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/"},"wordCount":2172,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg","articleSection":["Creativo y Visual","Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.es\/blog\/tipografias\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/","url":"https:\/\/www.sortlist.es\/blog\/tipografias\/","name":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web","isPartOf":{"@id":"https:\/\/www.sortlist.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg","datePublished":"2024-06-25T08:33:04+00:00","dateModified":"2024-08-02T11:13:12+00:00","author":{"@id":"https:\/\/www.sortlist.es\/blog\/#\/schema\/person\/a404968f5ec32ed866088e9f48ffb4b9"},"description":"En este art\u00edculo, te contamos c\u00f3mo hacer tu web m\u00e1s impactante y din\u00e1mica a trav\u00e9s de tipograf\u00edas modernas y elegantes.","breadcrumb":{"@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.es\/blog\/tipografias\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/5-tipografias-elegantes-y-modernas-para-tu-diseno-web.jpg","width":1748,"height":1240,"caption":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.es\/blog\/tipografias\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.es\/blog\/"},{"@type":"ListItem","position":2,"name":"5 tipograf\u00edas elegantes y modernas para tu dise\u00f1o web"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.es\/blog\/#website","url":"https:\/\/www.sortlist.es\/blog\/","name":"Sortlist Blog","description":"Nuestras Gu\u00edas de Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.sortlist.es\/blog\/#\/schema\/person\/a404968f5ec32ed866088e9f48ffb4b9","name":"Clara Gil","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/avatar_user_83_1718114633.png","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/avatar_user_83_1718114633.png","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/avatar_user_83_1718114633.png","caption":"Clara Gil"},"description":"Passionate about keeping up with new marketing and sales trends and sharing what she's learned through the Sortlist Blog. She is also a full-time mom.","url":"https:\/\/www.sortlist.es\/blog\/author\/claragil\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts\/12715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/comments?post=12715"}],"version-history":[{"count":5,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts\/12715\/revisions"}],"predecessor-version":[{"id":13180,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts\/12715\/revisions\/13180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/media\/12725"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/media?parent=12715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/categories?post=12715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}