{"id":15168,"date":"2023-04-15T22:34:25","date_gmt":"2023-04-15T19:34:25","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=15168"},"modified":"2026-02-03T08:58:07","modified_gmt":"2026-02-03T05:58:07","slug":"web-fonts-how-to-choose-and-use-fonts-on-a-website","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/web-fonts-how-to-choose-and-use-fonts-on-a-website\/","title":{"rendered":"Fuentes para web: c\u00f3mo elegir y utilizar fuentes en su sitio web"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_1.gif\" alt=\"\" class=\"wp-image-10000037203\"\/><\/figure>\n\n\n\n<p>Para un dise\u00f1ador novato, el tema de las fuentes web puede parecer desalentador e incluso estresante. No debes desesperarte, porque con el tiempo, estudiando informaci\u00f3n y practicando, te convertir\u00e1s en un profesional.<\/p>\n\n\n\n<p>Adem\u00e1s, el dise\u00f1o web es ahora una de las \u00e1reas m\u00e1s populares. Desde nuevas empresas hasta empresas consolidadas, cada marca quiere tener su propio sitio web y, tal vez, una aplicaci\u00f3n. Las fuentes que se elegir\u00e1n para el sitio y la aplicaci\u00f3n pasar\u00e1n a formar parte de la identidad corporativa.<\/p>\n\n\n\n<p>Dado que las fuentes web son cada vez m\u00e1s elegidas para dise\u00f1ar sitios web y aplicaciones, hablaremos de ellas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fuentes para web<\/h2>\n\n\n\n<p>Los dispositivos que utilizas (port\u00e1til, tel\u00e9fono, tableta) tienen fuentes del sistema preinstaladas. La mayor\u00eda de los sitios web y aplicaciones utilizan fuentes que se han cargado en un servidor web. Estas son fuentes web.<\/p>\n\n\n\n<p>Las fuentes web est\u00e1n dise\u00f1adas para mostrarse bien en diferentes dispositivos, sistemas operativos y navegadores. Idealmente, id\u00e9ntico a lo que pretend\u00eda el dise\u00f1ador.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_2.gif\" alt=\"\" class=\"wp-image-10000037205\"\/><\/figure>\n\n\n\n<p>El problema es que miles de usuarios abrir\u00e1n el mismo sitio desde dispositivos completamente diferentes. Desde un smartphone actual con nuevo firmware y desde un monitor de ordenador barrig\u00f3n cuyo sistema operativo es m\u00e1s antiguo que la mayor\u00eda de redes sociales.<\/p>\n\n\n\n<p>Como puedes imaginar, debido a caracter\u00edsticas t\u00e9cnicas, la fuente no puede verse exactamente igual para todos los usuarios. La tarea del dise\u00f1ador es tener en cuenta el m\u00e1ximo n\u00famero de matices para que la fuente parezca mayoritaria.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fuentes web seguras o est\u00e1ndar<\/h2>\n\n\n\n<p>Las fuentes web seguras son aquellas que admiten todo tipo de sistemas operativos y navegadores. No existen fuentes absolutamente seguras.<\/p>\n\n\n\n<p>Las fuentes seguras suelen denominarse fuentes est\u00e1ndar porque vienen preinstaladas en muchos dispositivos. \u00c9sta es la raz\u00f3n por la que se abren para la mayor\u00eda de los usuarios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_3.gif\" alt=\"\" class=\"wp-image-10000037206\"\/><\/figure>\n\n\n\n<p>En Internet se puede encontrar una lista de fuentes web seguras; se trata de tipos de letra muy conocidos. \u00c9ste es el problema para un dise\u00f1ador que utiliza este tipo de fuentes. Estas fuentes se utilizaron con tanta frecuencia que empezaron a parecerle banales y aburridas al usuario. Con su ayuda, es dif\u00edcil enfatizar el car\u00e1cter de la marca, por lo que estas fuentes rara vez forman parte de la identidad corporativa. Sin embargo, un dise\u00f1ador novato deber\u00eda conocerlos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instalar fuentes personalizadas en un sitio web<\/h2>\n\n\n\n<p>\u00a1Hemos llegado a la parte m\u00e1s interesante del art\u00edculo!<\/p>\n\n\n\n<p>Usar fuentes est\u00e1ndar es relativamente seguro, pero aburrido para el dise\u00f1ador. Si deseas elegir una fuente diferente, la tipograf\u00eda moderna ofrece una gran selecci\u00f3n de fuentes web en diferentes estilos.<\/p>\n\n\n\n<p>Todas estas fuentes se denominan como no est\u00e1ndares.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pueden diferir:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>por tipo de fuente: serif, grotesca, fuente slab;<\/li>\n\n\n\n<li>por finalidad: texto, visualizaci\u00f3n o interfaz;<\/li>\n\n\n\n<li>por car\u00e1cter: estricto o elegante, neutral o atrevido;<\/li>\n\n\n\n<li>por completitud: una familia puede incluir varias subfamilias y estilos.<\/li>\n\n\n\n<li>por composici\u00f3n simb\u00f3lica, n\u00famero de estilos y soporte ling\u00fc\u00edstico.<\/li>\n<\/ul>\n\n\n\n<p>Mucho m\u00e1s importante es que diferir\u00e1n en calidad. Cuanto mejor est\u00e9 hecha una fuente desde un punto de vista gr\u00e1fico y t\u00e9cnico, mayores ser\u00e1n las posibilidades de que se muestre hermosa y correctamente en la m\u00e1xima cantidad de dispositivos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfA qu\u00e9 deber\u00edas prestarle atenci\u00f3n?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A la reputaci\u00f3n del estudio o dise\u00f1ador que cre\u00f3 los auriculares. Pregunta a otros dise\u00f1adores sobre sus experiencias, lee rese\u00f1as y observa sitios web y aplicaciones m\u00f3viles reales que utilicen las fuentes que te interesan.<\/li>\n\n\n\n<li>Para kerning, legibilidad, contornos. Lo mejor de todo es que viene en diferentes tama\u00f1os. Muchos estudios ofrecen descargar una versi\u00f3n de prueba de la fuente para probarla de forma gratuita. Por ejemplo, en el estudio TypeType, las <a href=\"https:\/\/typetype.org\/es\/trial-fonts\/\">pruebas<\/a> son absolutamente id\u00e9nticas a las fuentes comerciales en cuanto a composici\u00f3n y caracter\u00edsticas t\u00e9cnicas.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_4.gif\" alt=\"\" class=\"wp-image-10000037207\"\/><\/figure>\n\n\n\n<p>Cuando ya hayas seleccionado y comprado la fuente requerida, solo queda instalarla.<\/p>\n\n\n\n<p>Si usas WordPress, puedes instalar el complemento Usar cualquier fuente, que te permite cargar fuentes a tu sitio web.<\/p>\n\n\n\n<p>De lo contrario, puedes utilizar el hosting de tu sitio web para descargar la fuente. Lo primero que necesitas para ello es una <a href=\"https:\/\/typetype.org\/es\/licensing\/\">licencia<\/a> adecuada que le permita utilizar la fuente en el sitio. Por ejemplo, para TypeType es una licencia web.<\/p>\n\n\n\n<p>Necesitar\u00e1s archivos de fuentes en los formatos requeridos (m\u00e1s sobre esto m\u00e1s adelante), que deben colocarse en el CSS mediante la regla @font-face. Debes configurar el nombre de la fuente, su direcci\u00f3n de ubicaci\u00f3n y su peso.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_5.gif\" alt=\"\" class=\"wp-image-10000037208\"\/><\/figure>\n\n\n\n<p>Posteriormente, utilizando la regla @font-face, puedes formatear el texto eligiendo el estilo, el tama\u00f1o y el color de la fuente. Tambi\u00e9n puedes seleccionar una fuente de respaldo entre las seguras, que se mostrar\u00e1 si no se puede descargar una fuente web no est\u00e1ndar en el dispositivo del usuario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sobre los formatos y tama\u00f1os de fuentes en el dise\u00f1o web<\/h2>\n\n\n\n<p>Las fuentes web pueden venir en diferentes formatos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Los siguientes formatos de fuente se utilizan en el dise\u00f1o web:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TTF (fuente TrueType);<\/li>\n\n\n\n<li>OTF (fuente OpenType);<\/li>\n\n\n\n<li>SVG (Gr\u00e1ficos vectoriales escalables);<\/li>\n\n\n\n<li>EOT (tipo abierto integrado);<\/li>\n\n\n\n<li>WOFF y WOFF2 (el formato de fuente abierto web).<\/li>\n<\/ul>\n\n\n\n<p>Puedes utilizar varios formatos al mismo tiempo para aumentar las posibilidades de que la fuente se muestre en todos los dispositivos. Los formatos m\u00e1s populares para el dise\u00f1o web son WOFF y WOFF2 y se muestran en la mayor\u00eda de los dispositivos modernos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_6.png\" alt=\"\" class=\"wp-image-10000048101\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6-1024x371.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6-1200x435.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6-768x278.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6-1536x557.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6-420x152.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_6-600x218.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>El tama\u00f1o de fuente web es otro criterio importante. Cuanto m\u00e1s ligero sea el archivo de fuente, m\u00e1s r\u00e1pido se cargar\u00e1 la fuente en el sitio. Por ejemplo, si compras una fuente que contiene lat\u00edn y cir\u00edlico extendido, pero solo necesitas el conjunto est\u00e1ndar, podemos reducir el peso de la fuente. Si est\u00e1s utilizando una fuente TypeType, solicita <a href=\"https:\/\/typetype.org\/es\/custom-fonts\/\">personalizaci\u00f3n<\/a>. Aligeraremos el peso del archivo de fuente eliminando idiomas o s\u00edmbolos que no necesitas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Color, estilo y tama\u00f1o de fuente en el sitio web.<\/h2>\n\n\n\n<p>Usando la regla @font-face, puedes controlar c\u00f3mo se mostrar\u00e1 la fuente en el sitio. Puedes configurar el color, tama\u00f1o o estilo del fondo o de la fuente. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Para seleccionar el color de fuente, utiliza la propiedad \u00abcolor\u00bb. Para cambiar el fondo del texto, utiliza \u00abcolor de fondo\u00bb. Puedes utilizar el nombre del color o el c\u00f3digo RGB. <\/li>\n\n\n\n<li>Para seleccionar el tama\u00f1o de fuente, utiliza la propiedad \u00abtama\u00f1o de fuente\u00bb. El tama\u00f1o se puede expresar en p\u00edxeles o utilizando el valor em. <\/li>\n\n\n\n<li>Y, por supuesto, puedes elegir el estilo cursiva o negrita para los fragmentos de texto seleccionados. Utiliza \u00abestilo de fuente\u00bb y \u00abpeso de fuente\u00bb.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_7.png\" alt=\"\" class=\"wp-image-10000048102\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7-1024x445.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7-1200x522.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7-768x334.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7-1536x668.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7-420x183.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_7-600x261.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Pruebas<\/h2>\n\n\n\n<p>Lo m\u00e1s importante a la hora de trabajar con fuentes web son las pruebas.<\/p>\n\n\n\n<p>Despu\u00e9s de completar el trabajo, verifica el resultado en todos los dispositivos, navegadores y sistemas operativos disponibles.<\/p>\n\n\n\n<p>Es mejor involucrar a todos tus amigos en las pruebas de dise\u00f1o que recibir comentarios desagradables del cliente una vez finalizado el proyecto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 fuentes elegir para sitios web<\/h2>\n\n\n\n<p>Incluso entre fuentes de alta calidad que se adaptan bien al dise\u00f1o web, puede resultar dif\u00edcil elegir la adecuada para un proyecto. <\/p>\n\n\n\n<p>Ya hemos escrito un <a href=\"https:\/\/typetype.org\/es\/blog\/typography-main-types-and-characteristics-of-fonts\/\">art\u00edculo<\/a> sobre tipograf\u00eda, en el que hablamos de los principales tipos de fuentes. En \u00e9l encontrar\u00e1s recomendaciones para elegir la fuente adecuada para diferentes proyectos. <\/p>\n\n\n\n<p>Y en el <a href=\"https:\/\/typetype.org\/es\/blog\/serif-and-sans-serif-font-differences\/\">art\u00edculo<\/a> \u201cAntiqua y grotesco: diferencias entre fuentes\u201d hablamos de las dos categor\u00edas de fuentes m\u00e1s populares. Compru\u00e9balo si quieres saber qu\u00e9 puede decir cada una de estas fuentes sobre una marca.<\/p>\n\n\n\n<p>Por regla general, en las aplicaciones m\u00f3viles y en los sitios web se utilizan dos fuentes. Para t\u00edtulos, m\u00e1s grandes y expresivos, y para matrices de texto, m\u00e1s neutrales.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_8.png\" alt=\"\" class=\"wp-image-10000048103\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8-1024x512.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8-1200x600.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8-768x384.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8-1536x768.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8-420x210.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_8-600x300.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<p>Al elegir fuentes de texto, presta atenci\u00f3n a una alta legibilidad. La mayor\u00eda de los usuarios acceden a sitios web desde dispositivos m\u00f3viles y deber\u00edan sentirse c\u00f3modos leyendo texto. Es mejor elegir una fuente que sea de naturaleza neutra y que no distraiga la atenci\u00f3n de la lectura.<\/p>\n\n\n\n<p>Presta atenci\u00f3n a los factores de dise\u00f1o que lo acompa\u00f1an: es imposible leer un texto demasiado brillante y contrastante sobre un fondo oscuro, ya que los ojos se cansan r\u00e1pidamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Combinaci\u00f3n de fuentes para el sitio.<\/h2>\n\n\n\n<p>Al elegir varias fuentes para el dise\u00f1o de su sitio web, ten cuidado. No debes utilizar m\u00e1s de 2 fuentes y m\u00e1s de 3 estilos en un sitio. Es mejor ce\u00f1irse al minimalismo, porque reduce la velocidad de carga de la p\u00e1gina y hace que el dise\u00f1o sea m\u00e1s limpio. <\/p>\n\n\n\n<p>Escribimos <a href=\"https:\/\/typetype.org\/es\/blog\/complementing-each-other-font-pairs-using-tt-norms-pro-and-tt-norms-pro-serif-as-an-example\/\">un art\u00edculo<\/a> sobre pares de fuentes y c\u00f3mo se utilizan en el dise\u00f1o. Aprende a seleccionar fuentes utilizando los m\u00e1s vendidos del estudio: <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-norms-pro\/\">TT\u00a0Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a> sans serif y <a href=\"https:\/\/typetype.org\/es\/fonts\/tt-norms-pro-serif\/\">TT Norms\u00ae Pro Serif<\/a> serif.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TOP 10 de las mejores fuentes web para sitios web de TypeType<\/h2>\n\n\n\n<p>Compartimos una selecci\u00f3n de 10 fuentes web del estudio que lucen elegantes en sitios web y aplicaciones m\u00f3viles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comencemos con las fuentes de texto.<\/h3>\n\n\n\n<p>Son seguros para formatear grandes cantidades de texto debido a su alta legibilidad y car\u00e1cter neutral.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_9.png\" alt=\"\" class=\"wp-image-10000048104\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_9-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-interphases\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-interphases\/\">TT&nbsp;Interphases Pro<\/a><\/h4>\n\n\n\n<p>Esta no es s\u00f3lo una buena fuente web, es una fuente ideal para las interfaces de aplicaciones m\u00f3viles y sitios web. Creada a base de una extensa investigaci\u00f3n.<\/p>\n\n\n\n<p>Neogrotesco de proporciones iguales, legible e impecable.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_10.png\" alt=\"\" class=\"wp-image-10000048105\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_10-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-norms-pro\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-norms-pro\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a><\/h4>\n\n\n\n<p>Es dif\u00edcil contar el n\u00famero de sitios dise\u00f1ados por TT Norms\u00ae Pro: hay m\u00e1s de 1000, entre ellos las marcas Cartoon Network, CSN, Pinarello y otras.<\/p>\n\n\n\n<p>Grotesco geom\u00e9trico, cuyo car\u00e1cter neutro y versatilidad son familiares para muchos dise\u00f1adores.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_11.png\" alt=\"\" class=\"wp-image-10000048106\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_11-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-hoves\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-hoves\/\">TT&nbsp;Hoves Pro<\/a><\/h4>\n\n\n\n<p>La fuente se utiliza en los sitios web de Telef\u00f3nica, True Digital, Studio Lenzing y otras empresas. Un grotesco universal con un car\u00e1cter reconocible pero comedido.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_12.png\" alt=\"\" class=\"wp-image-10000048107\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12-1200x352.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12-1536x450.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_12-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-livret\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-livret\/\">TT&nbsp;Livret Text<\/a><\/h4>\n\n\n\n<p>Serif de texto moderno, universal y est\u00e9tico. La antiqua m\u00e1s popular del estudio. Los t\u00edtulos de un sitio web suelen estar dise\u00f1ados con fuentes que son de naturaleza m\u00e1s expresiva. Compartimos las mejores fuentes web para <a href=\"https:\/\/typetype.org\/es\/fonts\/display\/\">display<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_13.png\" alt=\"\" class=\"wp-image-10000048108\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13-1200x352.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13-1536x450.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_13-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-lakes-neue\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-lakes-neue\/\">TT&nbsp;Lakes Neue<\/a><\/h4>\n\n\n\n<p>Una gran familia de grotescos geom\u00e9tricos, en la que puedes encontrar elegantes conjuntos tecnol\u00f3gicos. El car\u00e1cter de una fuente se puede controlar mediante el uso de diferentes estilos y alternativas estil\u00edsticas. Se puede utilizar tanto para t\u00edtulos como para texto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_14.png\" alt=\"\" class=\"wp-image-10000048109\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_14-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-espina\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-espina\/\">TT&nbsp;Espina<\/a><\/h4>\n\n\n\n<p>Una serifa elegante con proporciones estrechas y serifas n\u00edtidas. Ideal para el segmento de lujo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_15.png\" alt=\"\" class=\"wp-image-10000048110\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_15-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-autonomous\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-autonomous\/\">TT&nbsp;Autonomous<\/a><\/h4>\n\n\n\n<p>Una fuente de amplias proporciones adecuada para proyectos tecnol\u00f3gicos. Grotesco y elegante para una variedad de tareas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_16.png\" alt=\"\" class=\"wp-image-10000048111\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_16-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-trailers\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-trailers\/\">TT&nbsp;Trailers<\/a><\/h4>\n\n\n\n<p>Dise\u00f1ada como una fuente para la industria cinematogr\u00e1fica, TT Trailers ha ido m\u00e1s all\u00e1 del uso y se ha convertido en una de las favoritas de muchas marcas importantes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_17.png\" alt=\"\" class=\"wp-image-10000048112\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_17-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-tsars\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-tsars\/\">TT&nbsp;Tsars<\/a><\/h4>\n\n\n\n<p>Una antiqua con un car\u00e1cter refinado. La elegante forma serif hace que los titulares destaquen y sean memorables.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/SEO-6_web-fonts_18.png\" alt=\"\" class=\"wp-image-10000048113\" srcset=\"https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18.png 2000w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18-1024x300.png 1024w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18-1200x351.png 1200w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18-768x225.png 768w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18-1536x449.png 1536w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18-420x123.png 420w, https:\/\/typetype.org\/es\/wp-content\/uploads\/SEO-6_web-fonts_18-600x176.png 600w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/typetype.org\/es\/fonts\/tt-travels-next\/\" data-type=\"URL\" data-id=\"https:\/\/typetype.org\/es\/fonts\/tt-travels-next\/\">TT&nbsp;Travels Next<\/a><\/h4>\n\n\n\n<p>Sans serif ultramoderno para titulares.<\/p>\n\n\n\n<p>Comparte tus fuentes web favoritas con nosotros y haz preguntas sobre dise\u00f1o web en las redes sociales.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para un dise\u00f1ador novato, el tema de las fuentes web puede parecer desalentador e incluso estresante. No debes desesperarte, porque con el tiempo, estudiando informaci\u00f3n y practicando, te convertir\u00e1s en un profesional.<\/p>\n","protected":false},"author":2,"featured_media":10000037203,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[188,184],"class_list":["post-15168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-work-with-fonts","tag-typetype-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/15168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/comments?post=15168"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/15168\/revisions"}],"predecessor-version":[{"id":47655,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/15168\/revisions\/47655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media\/10000037203"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media?parent=15168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/categories?post=15168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/tags?post=15168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}