{"id":8243,"date":"2022-03-23T17:17:57","date_gmt":"2022-03-23T14:17:57","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=8243"},"modified":"2026-02-03T08:57:00","modified_gmt":"2026-02-03T05:57:00","slug":"change-faces-while-maintaining-the-layout-revealing-the-secrets-of-creating-the-uniwidth-font-tt-fellows","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/change-faces-while-maintaining-the-layout-revealing-the-secrets-of-creating-the-uniwidth-font-tt-fellows\/","title":{"rendered":"Cambiar estilos manteniendo el dise\u00f1o \u2014 desvelamos los secretos de la creaci\u00f3n de la fuente de ancho \u00fanico TT Fellows"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

En enero de 2022 se lanz\u00f3 una nueva familia tipogr\u00e1fica de TypeType: TT Fellows<\/a>. Pr\u00e1cticamente de inmediato capt\u00f3 la atenci\u00f3n de dise\u00f1adores de todo el mundo, lo cual no sorprende, ya que se trata de una fuente universal, concisa y funcional, adecuada para la mayor\u00eda de los proyectos contempor\u00e1neos.<\/p>\n\n\n\n

Es una fuente que no arruina el dise\u00f1o si decides cambiar el grosor durante el trabajo. Amigable en su trazo, intuitiva en su uso. Usar TT Fellows es seguro y agradable. Su repertorio de caracteres est\u00e1 libre de elementos innecesarios y cuenta con un amplio soporte de idiomas, suficiente para un uso vers\u00e1til en todo tipo de tareas. Incluye funciones \u00fatiles y ligaduras funcionales.<\/p>\n\n\n\n

A pesar de su car\u00e1cter neutro, esta familia puede transmitir estados de \u00e1nimo muy distintos seg\u00fan el objetivo: desde suaves y tranquilos, hasta expresivos o incluso rudos.<\/p>\n\n\n\n

Si adem\u00e1s a\u00f1adimos el hecho de que TT Fellows es la primera fuente de ancho \u00fanico en la colecci\u00f3n de TypeType, resulta evidente que una fuente as\u00ed no pod\u00eda pasar desapercibida.<\/p>\n\n\n\n

\u00bfIntrigado? A continuaci\u00f3n te contamos m\u00e1s sobre esta nueva fuente.<\/p>\n\n\n\n

Ancho \u00fanico<\/h2>\n\n\n\n

Cuando esta nueva fuente a\u00fan estaba en fase conceptual, ten\u00edamos claro una sola cosa: la colecci\u00f3n de familias tipogr\u00e1ficas de TypeType necesitaba otra grotesca neutra. Algo en la l\u00ednea de TT Norms\u00ae Pro<\/a>, TT Commons\u2122 Pro<\/a> o TT Hoves<\/a>, es decir, una fuente funcional y con el mayor rango de aplicaci\u00f3n posible. Este tipo de fuentes son populares, pr\u00e1cticas, modernas y c\u00f3modas de usar.<\/p>\n\n\n\n

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

Sin embargo, crear un proyecto similar a los ya existentes no nos parec\u00eda una tarea especialmente interesante. Todas las familias mencionadas anteriormente son grotescas geom\u00e9tricas, por lo que decidimos cambiar de estilo para esta nueva fuente. Pensamos que la geometr\u00eda sigue siendo demandada y est\u00e9ticamente agradable, pero en nuestro cat\u00e1logo pr\u00e1cticamente no hay fuentes humanistas<\/a>, as\u00ed que hab\u00eda llegado el momento de llenar ese vac\u00edo.<\/p>\n\n\n\n

En general, las grotescas geom\u00e9tricas y las humanistas se parecen en cuanto a su neutralidad y versatilidad. La diferencia radica en que los grotescas geom\u00e9tricas carecen de un car\u00e1cter definido y sus formas se componen de figuras geom\u00e9tricas simples. Suelen ser fuentes sin contraste y de ancho variable<\/a>, mientras que las grotescas humanistas presentan un alto contraste y tambi\u00e9n anchos variables. El estilo humanista introduce suavidad en el car\u00e1cter y ciertas referencias a las serifas.<\/p>\n\n\n\n

Llamar a TT Fellows<\/a> completamente humanista ser\u00eda exagerar: tiene rasgos suaves, s\u00ed, pero tambi\u00e9n incorpora motivos mecanicistas, y en sus estilos regulares se asemeja a las neogrotescas. Es una mezcla: tomamos de cada estilo los elementos que nos parecieron m\u00e1s interesantes para el nuevo proyecto.<\/p>\n\n\n\n

Crear una grotesca neutra que no se pareciera a los grandes \u00e9xitos de nuestro estudio, pero que aun as\u00ed pudiera acompa\u00f1arlos en el repertorio de cualquier usuario: as\u00ed se pueden resumir las primeras ideas que guiaron el dise\u00f1o de esta familia. Por supuesto, tampoco quer\u00edamos limitar su campo de aplicaci\u00f3n, sino m\u00e1s bien lo contrario: busc\u00e1bamos que fuera pr\u00e1cticamente ilimitado.<\/p>\n\n\n\n

Las fuentes de ancho \u00fanico son una categor\u00eda bastante curiosa y atractiva, aunque no muy com\u00fan en el mundo tipogr\u00e1fico. En estas familias, el bloque de texto no cambia de anchura al cambiar de estilo: incluso si se aumenta el grosor, la fuente no se ensancha, sino que permanece en su lugar.<\/p>\n\n\n\n

En las familias tipogr\u00e1ficas cl\u00e1sicas sucede lo contrario: cuanto m\u00e1s grueso es el estilo, m\u00e1s se expande la fuente. Esto tiene l\u00f3gica, ya que los estilos en negrita requieren m\u00e1s espacio, pero puede causar problemas al usuario.<\/p>\n\n\n\n

Por ejemplo, si un dise\u00f1ador est\u00e1 maquetando un texto y decide cambiar el estilo en mitad del proceso, lamentablemente tendr\u00e1 que ajustar el dise\u00f1o para adaptarlo a la nueva anchura, ya que la composici\u00f3n se desajustar\u00e1 inevitablemente. Lo mismo ocurre en dise\u00f1o web: en muchos sitios web se usan botones cuyo texto cambia de estilo al pasar el cursor, volvi\u00e9ndose m\u00e1s grueso. El visitante comprende as\u00ed que ha interactuado con el bot\u00f3n, pero el dise\u00f1ador tiene que adaptar el contenedor a la nueva anchura del texto.<\/p>\n\n\n\n

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

Con una fuente de ancho \u00fanico, no surgen estos problemas. La fuente permanece en su sitio incluso si se cambia el estilo del m\u00e1s fino al m\u00e1s grueso. El texto se mantiene dentro de sus l\u00edmites y no altera su posici\u00f3n, permitiendo al dise\u00f1ador cambiar el estilo directamente en el dise\u00f1o sin preocupaci\u00f3n, y al dise\u00f1ador web asignar los estilos necesarios a cualquier bot\u00f3n sin tener que ajustar el tama\u00f1o del contenedor.<\/p>\n\n\n\n

Para dise\u00f1adores y maquetadores, una fuente de ancho \u00fanico es una soluci\u00f3n pr\u00e1ctica y valiosa; sin embargo, en el dise\u00f1o tipogr\u00e1fico, este tipo de familia presenta ciertos desaf\u00edos que requieren decisiones de compromiso. De ellos hablaremos m\u00e1s adelante.<\/p>\n\n\n\n

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

As\u00ed pues, se consolid\u00f3 el concepto de la futura fuente: una grotesca de ancho \u00fanico, universal y neutro. Por cierto, TT Fellows fue la primera fuente de ancho \u00fanico para el equipo, por lo que este proyecto supuso un punto de crecimiento profesional. Nos lanzamos un desaf\u00edo.<\/p>\n\n\n\n

Investigaci\u00f3n<\/h2>\n\n\n\n

No nos apresuramos a comenzar el desarrollo, porque antes de adentrarse en algo nuevo, es necesario estudiar el tema en profundidad. La idea de una fuente de ancho \u00fanico hab\u00eda dejado de ser solo una idea, as\u00ed que se impon\u00eda una investigaci\u00f3n exhaustiva de sus particularidades antes de proceder con el dise\u00f1o.<\/p>\n\n\n\n

Seleccionamos para el an\u00e1lisis varias fuentes modernas de ancho \u00fanico, creadas por distintas fundiciones y ya presentes en el mercado. Result\u00f3 que no son muchas.<\/p>\n\n\n\n

Por cierto, en el dise\u00f1o tipogr\u00e1fico existe una categor\u00eda llamada fuentes monoespaciadas<\/a>, en las que todos los glifos se insertan en una misma caja de texto. Esto obliga a modificar significativamente la forma de las letras durante el desarrollo: por ejemplo, la \u00abi\u00bb termina siendo bastante ancha y la \u00abm\u00bb estrecha.<\/p>\n\n\n\n

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

La diferencia de una fuente de ancho \u00fanico es que, dentro de un mismo estilo, las letras pueden seguir ocupando diferentes cajas de texto, por lo que la fuente conserva un aspecto m\u00e1s natural y no tan peculiar como en las monoespaciadas. Con un dise\u00f1o bien resuelto, el usuario no notar\u00e1 nada extra\u00f1o en la forma de los caracteres, y, al mismo tiempo, en los distintos estilos de la fuente, las letras id\u00e9nticas seguir\u00e1n ocupando el mismo espacio horizontal. En otras palabras, una fuente de ancho \u00fanico es algo intermedio entre una monoespaciada y una fuente cl\u00e1sica<\/a>.<\/p>\n\n\n\n

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

El objetivo de la investigaci\u00f3n era detectar de antemano los problemas que podr\u00edan surgir durante el desarrollo y encontrar soluciones gr\u00e1ficas para compensar las limitaciones propias del ancho \u00fanico. Tras analizar diferentes ejemplos, identificamos los aspectos clave.<\/p>\n\n\n\n