{"id":35542,"date":"2025-03-27T11:22:37","date_gmt":"2025-03-27T08:22:37","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=35542"},"modified":"2026-02-03T09:00:47","modified_gmt":"2026-02-03T06:00:47","slug":"on-opposite-sides-wide-and-narrow-fonts","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/on-opposite-sides-wide-and-narrow-fonts\/","title":{"rendered":"De un extremo a otro: fuentes anchas y estrechas"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Las fuentes anchas y estrechas son una de las tendencias m\u00e1s recientes en tipograf\u00eda, dise\u00f1o gr\u00e1fico y web. A primera vista, algunas pueden parecer extra\u00f1as o desproporcionadas, pero si se utilizan correctamente, pueden aportar frescura y audacia a un proyecto, adem\u00e1s de modernidad y atrevimiento.<\/p>\n\n\n\n

\u00bfQu\u00e9 son exactamente las fuentes estrechas y anchas? \u00bfQu\u00e9 tipos existen y d\u00f3nde se utilizan? \u00a1Lo analizamos en nuestro art\u00edculo!<\/p>\n\n\n\n

Fuentes estrechas<\/h2>\n\n\n\n

Las fuentes estrechas son bastante populares en el mundo actual. Sin embargo, su uso activo comenz\u00f3 a principios del siglo XX.<\/p>\n\n\n\n

El ejemplo m\u00e1s conocido es la fuente FF DIN, desarrollada en 1995 por el dise\u00f1ador neerland\u00e9s Albert-Jan Pool. Esta familia tipogr\u00e1fica se basa en el est\u00e1ndar DIN 1451, creado por el Instituto Alem\u00e1n de Normalizaci\u00f3n (Deutsches Institut f\u00fcr Normung) en 1931.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

DIN 1451 era un conjunto de documentos y normativas que defin\u00edan la graf\u00eda de los signos en dibujos de ingenier\u00eda y planos t\u00e9cnicos. M\u00e1s tarde, se adopt\u00f3 como est\u00e1ndar para la se\u00f1alizaci\u00f3n en sistemas de navegaci\u00f3n, placas informativas y se\u00f1ales de tr\u00e1fico. Con el tiempo, DIN 1451 gan\u00f3 a\u00fan m\u00e1s popularidad, extendi\u00e9ndose a r\u00f3tulos, etiquetas e incluso publicidad.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

No es de extra\u00f1ar que las fuentes estrechas nos parezcan bastante familiares y neutrales, aunque llamen la atenci\u00f3n. Hoy en d\u00eda existen muchas fuentes estrechas: tanto familias completamente condensadas como versiones estrechas de fuentes \u00abest\u00e1ndar\u00bb dentro de una familia tipogr\u00e1fica.<\/p>\n\n\n\n

Tipos de fuentes estrechas<\/h3>\n\n\n\n

Estilos estrechos<\/h4>\n\n\n\n

Dentro de una familia tipogr\u00e1fica, se suelen denominar fuentes estrechas a aquellos estilos m\u00e1s angostos en comparaci\u00f3n con la versi\u00f3n \u00abest\u00e1ndar\u00bb o \u00abb\u00e1sica\u00bb. Adem\u00e1s, dentro de estas tambi\u00e9n existe una jerarqu\u00eda.<\/p>\n\n\n\n

Entre las fuentes estrechas se encuentran los estilos Compressed, Condensed y Compact, donde Compressed es la variante m\u00e1s angosta, mientras que Compact es la m\u00e1s ancha, es decir, la m\u00e1s cercana a la \u00abnormal\u00bb. Sin embargo, en dise\u00f1o, el estilo m\u00e1s utilizado suele ser Condensed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En nuestras familias tipogr\u00e1ficas, los estilos estrechos est\u00e1n presentes en muchos grotescos.<\/p>\n\n\n\n

Por ejemplo, el estilo Compressed se puede encontrar en las familias TT Lakes Neue<\/a>, TT Octosquares<\/a> y TT Rounds Neue<\/a>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

El\u00a0estilo Compact forma parte de\u00a0los superventas TT\u00a0Commons\u2122 Pro<\/a>, TT\u00a0Norms\u00ae<\/sup> Pro<\/a> und\u00a0TT\u00a0Hoves Pro<\/a>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

El estilo Condensed est\u00e1 presente en muchas familias tipogr\u00e1ficas de TypeType.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Fuentes con proporciones estrechas<\/h4>\n\n\n\n

Adem\u00e1s, las fuentes estrechas no solo pueden existir como subfamilias dentro de grandes familias tipogr\u00e1ficas, sino tambi\u00e9n como familias independientes. En estos casos, las proporciones estrechas se reflejan en todos los estilos, incluido el b\u00e1sico, ya que forman parte de su dise\u00f1o caracter\u00edstico.<\/p>\n\n\n\n

En\u00a0la\u00a0colecci\u00f3n de\u00a0TypeType hay tanto grotescos como anticuas con proporciones estrechas. Entre los grotescos se\u00a0encuentran TT\u00a0Trailers<\/a>, TT\u00a0Carvist<\/a>, TT\u00a0Modernoir<\/a> (con la\u00a0funci\u00f3n OpenType SS01 Condensed Ovals). Entre las antiguas, destacan TT\u00a0Espina<\/a>, TT\u00a0Ricks<\/a> und\u00a0TT\u00a0Cometus<\/a>.<\/p>\n\n\n\n

\u00bfD\u00f3nde se utilizan las fuentes estrechas?<\/h3>\n\n\n\n

El campo de aplicaci\u00f3n de estas fuentes es enorme: se\u00f1alizaci\u00f3n, carteles y afiches, banners, empaque, branding, dise\u00f1o web, entre muchos otros. Las fuentes grotescas estrechas han alcanzado una gran popularidad en el dise\u00f1o gracias a su forma compacta.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En comparaci\u00f3n con las fuentes de ancho medio, permiten incluir una mayor cantidad de texto en un espacio reducido, lo que las hace especialmente \u00fatiles en diversos contextos.<\/p>\n\n\n\n

El uso de fuentes condensadas es una pr\u00e1ctica global con resultados garantizados: tienen una apariencia muy moderna y su estilo se puede ajustar seg\u00fan las necesidades del proyecto.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En la identidad visual de la empresa croata LED elektronika<\/a>, se puede ver la versi\u00f3n Condensed de la fuente TT Supermolot Neue<\/a>. En este caso, esta elecci\u00f3n aporta al dise\u00f1o un car\u00e1cter serio y tecnol\u00f3gico, manteniendo al mismo tiempo una apariencia neutral.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Si hablamos de fuentes \u00aboriginalmente\u00bb estrechas, un buen ejemplo es la identidad visual de la agencia de branding Mindt<\/a>, donde la antigua de proporciones estrechas TT Ricks<\/a> en su estilo fino juega un papel clave. Este dise\u00f1o se percibe moderno, audaz e incluso desafiante.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Otro ejemplo similar es la identidad visual del Festival Summer Plovdiv 2023<\/a>, donde se utiliza la expresiva fuente TT Trailers<\/a>. Este tipo de letra, con sus proporciones estrechas, aporta al dise\u00f1o un aire vibrante, original y desenfadado.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Las fuentes anchas<\/h2>\n\n\n\n

En el extremo opuesto de la escala se encuentran las fuentes anchas. En dise\u00f1o, se utilizan con menos frecuencia que las estrechas, ya que cumplen principalmente una funci\u00f3n est\u00e9tica. Debido a sus proporciones ampliadas, no solo son m\u00e1s dif\u00edciles de encajar en un dise\u00f1o o de utilizar en la web, sino que tambi\u00e9n pueden resultar menos c\u00f3modas de leer. Sin embargo, es precisamente esta caracter\u00edstica la que les otorga una ventaja en determinadas aplicaciones.<\/p>\n\n\n\n

Las fuentes anchas y ultra anchas transforman significativamente la percepci\u00f3n del texto. En ellas, la forma de l\n1f40\n\n1f40\nos caracteres cambia, aparecen m\u00e1s l\u00edneas horizontales y hasta las palabras m\u00e1s cortas se leen m\u00e1s lentamente. Pero gracias a esta particularidad, cada palabra adquiere mayor peso y se vuelve m\u00e1s memorable. Adem\u00e1s, todo lo que rodea al texto se percibe como m\u00e1s abundante e impactante.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Los estilos ensanchados de las fuentes se leen bien desde un \u00e1ngulo, ya que la perspectiva compensa sus proporciones. Por esta raz\u00f3n, son una elecci\u00f3n frecuente entre fabricantes de autom\u00f3viles, aviones y art\u00edculos deportivos.<\/p>\n\n\n\n

Ejemplos de uso de fuentes anchas<\/h3>\n\n\n\n

Las fuentes anchas son una tendencia destacada en el dise\u00f1o web y el branding. Aportan a los proyectos un aire audaz y contundente, logrando un aspecto inusual, atractivo y cautivador. Un bloque de texto ancho y masivo capta de inmediato la atenci\u00f3n, convirti\u00e9ndose en un elemento clave del dise\u00f1o y otorgando al conjunto una est\u00e9tica ultramoderna.<\/p>\n\n\n\n

En algunos casos, las proporciones de los caracteres pueden ser tan amplias que la fuente pierde su funci\u00f3n sem\u00e1ntica y se transforma en un objeto gr\u00e1fico. Un claro ejemplo de esto es el proyecto SHIFTBRAIN 20th<\/a>, creado para celebrar el 20.\u00ba aniversario de la agencia de marketing SHIFTBRAIN<\/a>. En su sitio web se utiliza la fuente SHIFTBRAIN Norms Variable<\/a>, una versi\u00f3n personalizada de nuestro superventas TT Norms\u00ae<\/sup> Pro<\/a>. En este caso, la fuente ha sido ensanchada hasta el l\u00edmite.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Otro ejemplo es la identidad visual de la empresa de suplementos de col\u00e1geno Ethos<\/a>, donde se utiliza la elegante y estilizada fuente TT Globs<\/a>, con proporciones anchas. Para potenciar el efecto, adem\u00e1s, se ha aumentado el espaciado entre los caracteres.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Un ejemplo de \u00abensanchamiento\u00bb menos radical se puede observar en el dise\u00f1o del mercado Teze Bazar<\/a>, donde se utiliza la grotesca geom\u00e9trica TT Travels<\/a> como fuente corporativa. En comparaci\u00f3n con el caso anterior, la anchura de los caracteres aqu\u00ed parece casi \u00abest\u00e1ndar\u00bb, pero las proporciones ensanchadas siguen aportando un encanto especial al dise\u00f1o.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Tipos de fuentes anchas<\/h3>\n\n\n\n

Estilos anchos<\/h4>\n\n\n\n

Existen varios t\u00e9rminos para referirse a las fuentes anchas: Expanded, Extended y Wide. Sin embargo, a diferencia de las fuentes estrechas, entre ellos no hay una jerarqu\u00eda clara. Dentro de una familia tipogr\u00e1fica, las subfamilias m\u00e1s anchas en comparaci\u00f3n con la versi\u00f3n est\u00e1ndar pueden recibir cualquiera de estas denominaciones.<\/p>\n\n\n\n

Fuentes con proporciones anchas<\/h4>\n\n\n\n

Al\u00a0igual que con las fuentes estrechas, existen fuentes anchas cuyas proporciones est\u00e1n ensanchadas desde su\u00a0estilo est\u00e1ndar, como parte de\u00a0su\u00a0concepto art\u00edstico. En\u00a0nuestra colecci\u00f3n, algunos ejemplos de\u00a0esto son TT\u00a0Travels Next<\/a> und\u00a0TT\u00a0Travels Text<\/a>, TT\u00a0Runs<\/a>, TT\u00a0Autonomous<\/a> und\u00a0TT\u00a0Globs<\/a>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Fuentes estrechas y anchas en una misma familia tipogr\u00e1fica: ventajas<\/h2>\n\n\n\n

Es muy pr\u00e1ctico cuando una familia tipogr\u00e1fica incluye tanto versiones estrechas como anchas de una fuente. Esto facilita la creaci\u00f3n de combinaciones tipogr\u00e1ficas armoniosas, ya que las \n1c3f\nfuentes de&\n1c26\nnbsp;diferentes anchuras dentro de una misma familia comparten un sistema gr\u00e1fico unificado y un dise\u00f1o de caracteres muy similar. Al elegir la anchura adecuada, es posible establecer los \u00e9nfasis visuales y sem\u00e1nticos deseados.<\/p>\n\n\n\n

Por esta raz\u00f3n, las fuentes variables<\/a> con un eje de anchura no tienen competencia en dise\u00f1o: permiten ajustar la proporci\u00f3n exacta para lograr el \u00e9nfasis necesario en cada caso. Para m\u00e1s informaci\u00f3n sobre qu\u00e9 son las fuentes variables y c\u00f3mo utilizarlas, consulta nuestro art\u00edculo<\/a>.<\/p>\n\n\n\n

En las superfamilias de TypeType, como TT Commons\u2122 Pro<\/a>, TT Norms\u00ae<\/sup> Pro<\/a>, TT Hoves Pro<\/a>, TT Octosquares<\/a>, TT Supermolot Neue<\/a>, TT Lakes Neue<\/a> y otras, adem\u00e1s de la versi\u00f3n est\u00e1ndar, existen subfamilias Condensed, Compact y Expanded. Adem\u00e1s, las fuentes variables en estas familias permiten modificaciones en tres ejes, incluyendo la anchura. Gracias a esta flexibilidad, es posible transformar el texto hasta hacerlo irreconocible y experimentar sin l\u00edmites con el dise\u00f1o, sin salir del estilo caracter\u00edstico de la fuente.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Aspectos clave<\/h3>\n\n\n\n

Es fundamental prestar atenci\u00f3n a la legibilidad de los caracteres al utilizar fuentes estrechas y anchas. Ninguna de ellas es ideal para la lectura de grandes bloques de texto, por lo que es recomendable emplearlas de manera puntual, como elementos de acento. Adem\u00e1s, funcionan mejor en tama\u00f1os medianos y grandes, ya que en cuerpos peque\u00f1os las letras pueden perder claridad o fusionarse visualmente.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Recomendamos evitar la compresi\u00f3n o expansi\u00f3n \u00abmec\u00e1nica\u00bb de las fuentes en editores gr\u00e1ficos o de texto. Este m\u00e9todo distorsiona la forma de los caracteres y altera el dise\u00f1o original de la fuente. Lo ideal es utilizar fuentes que ya incluyan estilos estrechos o anchos en su conjunto tipogr\u00e1fico.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Conclusi\u00f3n<\/h2>\n\n\n\n

En la colecci\u00f3n de TypeType, muchos grotescos<\/a> cuentan con versiones estrechas y anchas. Creamos estas variantes porque entendemos que, en un entorno de tendencias en constante cambio, los dise\u00f1adores buscan continuamente nuevas fuentes para sus proyectos. Las versiones estrechas y anchas de los grotescos \u00abest\u00e1ndar\u00bb permiten resolver la mayor\u00eda de estos desaf\u00edos. Como mencionamos antes, la diversidad de estilos dentro de una misma familia tipogr\u00e1fica ampl\u00eda enormemente las posibilidades creativas.<\/p>\n\n\n\n

Las subfamilias anchas y estrechas se combinan perfectamente con otras anchuras dentro de la misma familia. Puedes utilizar tanto la versi\u00f3n variable como los estilos est\u00e1ticos con total facilidad. Todas las fuentes dentro de una familia comparten un mismo car\u00e1cter tipogr\u00e1fico, formas de letras relacionadas, configuraciones t\u00e9cnicas coherentes y funciones OpenType unificadas. Lo m\u00e1s importante es que sabemos exactamente c\u00f3mo ensanchar o estrechar tu grotesco favorito para que mantenga un aspecto impecable. Adem\u00e1s, en nuestra colecci\u00f3n encontrar\u00e1s fuentes display \u00fanicas con proporciones estrechas y anchas que aportar\u00e1n un toque distintivo y original a tus proyectos.<\/p>\n\n\n\n

\u00a1Explora las versiones estrechas y anchas de las fuentes y descubre nuevas dimensiones para tu dise\u00f1o!<\/p>\n","protected":false},"excerpt":{"rendered":"

Las fuentes anchas y\u00a0estrechas son una de\u00a0las tendencias m\u00e1s recientes en\u00a0tipograf\u00eda, dise\u00f1o gr\u00e1fico y\u00a0web. A\u00a0primera vista, algunas pueden parecer extra\u00f1as o\u00a0desproporcionadas, pero si\u00a0se\u00a0utilizan correctamente, pueden aportar frescura y\u00a0audacia a\u00a0un\u00a0proyecto, adem\u00e1s de\u00a0modernidad y\u00a0atrevimiento. \u00bfQu\u00e9 son exactamente las fuentes estrechas y\u00a0anchas? \u00bfQu\u00e9 tipos existen y\u00a0d\u00f3nde se\u00a0utilizan? \u00a1Lo analizamos en\u00a0nuestro art\u00edculo!<\/p>\n","protected":false},"author":3131,"featured_media":10000035480,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[188],"class_list":["post-35542","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-work-with-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/35542","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\/3131"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/comments?post=35542"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/35542\/revisions"}],"predecessor-version":[{"id":47690,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/35542\/revisions\/47690"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media\/10000035480"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media?parent=35542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/categories?post=35542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/tags?post=35542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}