{"id":5313,"date":"2021-05-26T14:27:24","date_gmt":"2021-05-26T11:27:24","guid":{"rendered":"https:\/\/typetype.org\/es\/?p=5313"},"modified":"2026-02-03T08:56:00","modified_gmt":"2026-02-03T05:56:00","slug":"font-customization","status":"publish","type":"post","link":"https:\/\/typetype.org\/es\/blog\/font-customization\/","title":{"rendered":"Customizaci\u00f3n de fuentes"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

La customizaci\u00f3n<\/a> es una herramienta que resuelve una amplia gama de tareas de dise\u00f1o y contribuye al establecimiento de la identidad corporativa.<\/p>\n\n\n\n

A menudo ocurre que las fuentes existentes no se ajustan a las necesidades de un proyecto en particular. Sin embargo, una fuente no es un instrumento est\u00e1tico que solo funciona tal como fue creado. Para transmitir el estilo \u00fanico de una empresa, la fuente puede y debe ser adaptada y personalizada seg\u00fan las necesidades, que pueden variar desde cambios simples, como la reducci\u00f3n de la composici\u00f3n de caracteres, hasta modificaciones complejas en todos los glifos.<\/p>\n\n\n\n

En este art\u00edculo, trataremos de abordar todos los tipos de customizaci\u00f3n de fuentes y las tareas que se pueden resolver con esta herramienta.<\/p>\n\n\n\n

Customizaci\u00f3n t\u00e9cnica<\/h2>\n\n\n\n

1. Cambio de par\u00e1metros de la fuente para que coincida con una fuente de referencia<\/strong>
<\/strong>
Comencemos con un ejemplo bastante com\u00fan: la alteraci\u00f3n proporcional del tama\u00f1o de la fuente. Por ejemplo, utilizas una fuente del sistema en tu sitio web, pero en alg\u00fan momento decides cambiarla y comprar una fuente<\/a> que se ajuste mejor a las especificaciones de tu trabajo. Sin embargo, surge un problema: al cambiar la fuente del sistema por la nueva, el dise\u00f1o se desajusta por completo, de tal manera que necesitas rehacerlo.<\/p>\n\n\n\n

Esto puede ocurrir por diferentes razones, y una de ellas es que los tama\u00f1os f\u00edsicos de ambas fuentes son significativamente diferentes.<\/p>\n\n\n\n

En tal caso, se puede crear una fuente personalizada en la que ajustamos el tama\u00f1o de la fuente u otras m\u00e9tricas a las medidas requeridas de la fuente de referencia, facilitando al m\u00e1ximo la transici\u00f3n de una a otra.<\/p>\n\n\n\n

\"\"
Modificar los par\u00e1metros de\u00a0TT\u00a0Commons<\/a> para que coincidan con una fuente de\u00a0referencia<\/figcaption><\/figure>\n\n\n\n

2. Desactivar o personalizar las funciones OpenType.<\/strong><\/strong><\/p>\n\n\n\n

Las fuentes contempor\u00e1neas son productos universales y sus archivos siempre incluyen m\u00e1s caracteres y funciones de las que un dise\u00f1ador promedio necesita.<\/p>\n\n\n\n

Por defecto, las funciones OpenType, como las ligaduras creadas para unir caracteres en un conjunto para hacerlo m\u00e1s uniforme, est\u00e1n activadas en las fuentes. Seg\u00fan nuestra experiencia, a menudo los clientes no las necesitan, y si ese es el caso, podemos desactivarlas en el c\u00f3digo de la fuente y entregarte el archivo actualizado.<\/p>\n\n\n\n

\"\"
Desactivar o personalizar las funciones OpenType<\/figcaption><\/figure>\n\n\n\n

3. Cambiar el espaciado en la fuente<\/strong><\/p>\n\n\n\n

El espaciado es la distancia entre las letras. Dependiendo de la tarea, podemos hacer que el conjunto sea m\u00e1s condensado o, por el contrario, m\u00e1s disperso. Nos sorprendi\u00f3 darnos cuenta de que no todos los dise\u00f1adores conocen este tipo de personalizaci\u00f3n y gastan mucho tiempo corrigiendo esto manualmente. \u00a1Nos gustar\u00eda cambiar eso!<\/p>\n\n\n\n

Veamos un ejemplo interesante. Para uno de nuestros clientes del sector tecnol\u00f3gico, realizamos una investigaci\u00f3n y desarrollamos un sistema para cambiar la densidad de la fuente seg\u00fan su tama\u00f1o. Como resultado, creamos 8 fuentes con diferentes espaciados, de modo que en tama\u00f1os m\u00e1s grandes la fuente es m\u00e1s compacta y en tama\u00f1os m\u00e1s peque\u00f1os es m\u00e1s dispersa. As\u00ed, el trabajo de nuestro cliente se simplifica: ya no es necesario codificar el espaciado manualmente.<\/p>\n\n\n\n

\"\"
Cambiar el espaciado de la fuente<\/figcaption><\/figure>\n\n\n\n

4. Reducir la composici\u00f3n de caracteres de la fuente<\/strong><\/strong><\/p>\n\n\n\n

Hablemos ahora de los tama\u00f1os y avancemos hacia los par\u00e1metros f\u00edsicos de los archivos de fuentes, lo cual es especialmente relevante en el dise\u00f1o web contempor\u00e1neo.<\/p>\n\n\n\n

Una de las formas de controlar el tama\u00f1o del archivo de fuente es reducir la composici\u00f3n de caracteres de la fuente. Supongamos que necesitas que los archivos de fuente sean peque\u00f1os y sabes qu\u00e9 idiomas, cifras y signos de puntuaci\u00f3n necesitas. En este caso, es posible crear una versi\u00f3n personalizada de la fuente con un n\u00famero reducido de caracteres, conservando solo aquellos que realmente se requieren para el trabajo. Esto reduce significativamente el tama\u00f1o del archivo de la fuente.<\/p>\n\n\n\n

\"\"
Reducci\u00f3n de la composici\u00f3n de caracteres de la fuente<\/figcaption><\/figure>\n\n\n\n

Hablando del tama\u00f1o del archivo de la fuente, pensemos tambi\u00e9n en la variabilidad. Si planeas usar m\u00e1s de tres estilos rectos de la misma familia tipogr\u00e1fica en tu sitio web, se puede desarrollar y emplear un archivo de fuente variable para ello.<\/p>\n\n\n\n

Pero eso no es todo. Si reducir la cantidad de caracteres no ha sido suficiente, tambi\u00e9n podemos recurrir a personalizaciones avanzadas: por ejemplo, podemos omitir progresivamente el hinting, el kerning y encontrar algunos kB ocultos en la informaci\u00f3n de la fuente hasta alcanzar el tama\u00f1o necesario.<\/p>\n\n\n\n

5. Customizaci\u00f3n de la l\u00ednea media y el interlineado<\/strong><\/strong><\/p>\n\n\n\n

Los editores gr\u00e1ficos utilizados por los dise\u00f1adores presentan interfaces diferentes que var\u00edan no solo en el contenido, sino tambi\u00e9n en c\u00f3mo se alinean los elementos dentro de los bloques. Debido a esto, las fuentes pueden mostrarse de manera incorrecta, obligando al dise\u00f1ador a ajustar manualmente los par\u00e1metros, lo que consume un tiempo que podr\u00eda dedicarse a resolver problemas m\u00e1s importantes.<\/p>\n\n\n\n

Un excelente ejemplo de esto es un objeto abstracto, como un \u00abBot\u00f3n\u00bb, en el que el dise\u00f1ador coloca una l\u00ednea de texto. Para que est\u00e9 alineada de forma central en diferentes interfaces, es necesario configurar manualmente los par\u00e1metros de ascendentes y descendentes en la fuente.<\/p>\n\n\n\n

\"\"
Customizaci\u00f3n de la l\u00ednea media<\/figcaption><\/figure>\n\n\n\n

Un problema similar a menudo surge con el interlineado. La personalizaci\u00f3n permite configurar cualquier espacio necesario entre dos l\u00edneas consecutivas, evitando as\u00ed hacerlo manualmente cada vez.<\/p>\n\n\n\n

\"\"
Customizaci\u00f3n del interlineado<\/figcaption><\/figure>\n\n\n\n

Customizamos<\/a> nuestras fuentes para todos los programas de dise\u00f1o m\u00e1s populares. Adem\u00e1s, bas\u00e1ndonos en los comentarios de nuestros clientes, las adaptamos constantemente a las configuraciones del software para que estos problemas no se presenten en el futuro.<\/p>\n\n\n\n

Customizaci\u00f3n gr\u00e1fica<\/h2>\n\n\n\n

1. A\u00f1adir un logotipo a la fuente<\/strong><\/strong><\/p>\n\n\n\n

A menudo ocurre que los clientes necesitan que el logotipo de la empresa se a\u00f1ada a la fuente, por ejemplo, para utilizar el glifo en el sitio web y no tener que lidiar con una imagen separada.<\/p>\n\n\n\n

\"\"
A\u00f1adir un logotipo a la fuente<\/figcaption><\/figure>\n\n\n\n

Tambi\u00e9n podemos modificar la fuente para que se vea mejor junto con el logotipo. Por ejemplo, si el logotipo tiene puntos redondos y la fuente tiene puntos cuadrados, esto es bastante f\u00e1cil de corregir.he logo \u2014 for instance, the logo might have round full stops and the font has square ones. This is fairly easy to correct.<\/p>\n\n\n\n

2. Cambiar las formas de los caracteres o de elementos individuales<\/strong><\/strong><\/p>\n\n\n\n

Dependiendo de tus materiales de marca, podemos cambiar la forma de uno, varios o incluso de todos los caracteres del tipo de fuente. Una vez, nos contact\u00f3 una empresa que deseaba utilizar nuestra fuente TT Commons\u2122<\/a> como su fuente corporativa. Les hab\u00eda gustado especialmente el redondeo de la letra t<\/em>, por lo que nos pidieron a\u00f1adir un redondeo similar en las letras a<\/em> y d<\/em>. Analizamos su logotipo y estilo corporativo para ofrecer una soluci\u00f3n armonizada para el resto de las letras. Como resultado, creamos una versi\u00f3n personalizada de TT Commons\u2122 que cumpl\u00eda con las necesidades del cliente.<\/p>\n\n\n\n

\"\"
Cambiar las formas de los caracteres<\/figcaption><\/figure>\n\n\n\n

3. Individualizaci\u00f3n de los aspectos visuales de la fuente modificando los caracteres en un conjunto estil\u00edstico<\/strong><\/strong><\/p>\n\n\n\n

Si deseas hacer que la fuente sea m\u00e1s personalizada, pero no tienes suficiente tiempo ni recursos, una soluci\u00f3n sencilla es trabajar con los caracteres ya presentes en la fuente. Por ejemplo, puedes configurar las letras ocultas en conjuntos estil\u00edsticos para que formen parte del conjunto principal.<\/p>\n\n\n\n

\"\"
Cambiar los caracteres en\u00a0un\u00a0conjunto estil\u00edstico en\u00a0TT\u00a0Firs Neue<\/a><\/figcaption><\/figure>\n\n\n\n

Si trabajas con grandes bloques de texto, es probable que prefieras utilizar principalmente figuras min\u00fasculas en lugar de may\u00fasculas. En este caso, podr\u00edas configurar las figuras de estilo antiguo como las predeterminadas. Por otro lado, si trabajas frecuentemente con tablas, podr\u00edas establecer como predeterminadas las figuras tabulares y los signos de moneda.<\/p>\n\n\n\n

4. Creaci\u00f3n de un peso intermedio<\/strong><\/strong><\/p>\n\n\n\n

Cambiar el grosor de los trazos en una fuente es otra solicitud frecuente de los dise\u00f1adores. Si no encuentras un grosor ideal en una familia tipogr\u00e1fica \u2014 por ejemplo, Regular parece demasiado delgado y Medium demasiado grueso \u2014 se puede crear un grosor intermedio y customizarlo con precisi\u00f3n para una tarea espec\u00edfica.<\/p>\n\n\n\n

\"\"
Crear un peso intermedio<\/figcaption><\/figure>\n\n\n\n

Para uno de nuestros clientes, modificamos el ancho del peso Medium de TT Norms<\/a>. La posici\u00f3n del eje estaba en 500, pero el cliente deseaba que fuera 475. Puede parecer un cambio muy peque\u00f1o, pero un dise\u00f1ador sabe muy bien qu\u00e9 se ver\u00e1 mejor.<\/p>\n\n\n\n

5. Adici\u00f3n de un alfabeto o un idioma<\/strong><\/strong><\/p>\n\n\n\n

Uno de nuestros clientes produce bienes para diferentes pa\u00edses, y el empaque debe incluir el idioma del pa\u00eds de distribuci\u00f3n. Eligieron una fuente adecuada, pero antes de la compra se dieron cuenta de que no inclu\u00eda vietnamita. Por lo tanto, creamos espec\u00edficamente el vietnamita para este cliente con la composici\u00f3n de caracteres, la lista de signos de puntuaci\u00f3n y las caracter\u00edsticas necesarias.<\/p>\n\n\n\n

\"\"
A\u00f1adir un alfabeto o un idioma<\/figcaption><\/figure>\n\n\n\n

Licencias customizadas<\/h2>\n\n\n\n

Adem\u00e1s de los aspectos visuales y t\u00e9cnicos, una fuente customizada puede ser una alternativa a la licencia <\/a>tradicional<\/p>\n\n\n\n

1. Para empresas que tienen filiales o subsidiarias<\/strong><\/strong><\/p>\n\n\n\n

Podemos especificar en la licencia la posibilidad de expandir el derecho de uso de la fuente a todo el grupo empresarial, m\u00e1s all\u00e1 de una entidad espec\u00edfica.<\/p>\n\n\n\n

\"\"
Licencia customizada para empresas con subsidiarias o afiliadas<\/figcaption><\/figure>\n\n\n\n

2. Para empresas que subcontratan dise\u00f1o<\/strong><\/strong><\/p>\n\n\n\n

Si una empresa adquiere una licencia, pero no emplea dise\u00f1adores, en la licencia individual se especifica que puede transferir el archivo de la fuente a sus contratistas durante el per\u00edodo de trabajo en los proyectos.<\/p>\n\n\n\n

\"\"
Licencia personalizada para empresas que externalizan trabajos de dise\u00f1o<\/figcaption><\/figure>\n\n\n\n

Somos flexibles en nuestro enfoque para modificar licencias est\u00e1ndar seg\u00fan los requisitos de su departamento legal y estamos dispuestos a personalizar una fuente cambiando su nombre para adaptarla a su marca.<\/p>\n\n\n\n

\u00a1Adem\u00e1s, con la compra de una licencia<\/a>, generalmente ofrecemos la customizaci\u00f3n<\/a> de forma gratuita!<\/p>\n\n\n\n

En lugar de una conclusi\u00f3n<\/h2>\n\n\n\n

A veces, la customizaci\u00f3n puede ser tan avanzada que da lugar a la creaci\u00f3n de una nueva fuente. Pero esa es otra historia.<\/p>\n\n\n\n

\u00a1Adaptar una fuente a una tarea espec\u00edfica no solo es posible, sino recomendable! Las herramientas de personalizaci\u00f3n permiten resolver casi cualquier desaf\u00edo. En este art\u00edculo, hemos intentado arrojar luz sobre algunas de las tareas que la personalizaci\u00f3n aborda, pero esto es solo la punta del iceberg. Seamos sinceros: siempre estamos interesados en trabajar con casos interesantes y encontrar soluciones \u00f3ptimas.<\/p>\n\n\n\n

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

Si tienes alguna pregunta sobre customizaci\u00f3n, una tarea que necesitas resolver, no dudes en contactarnos<\/a> por el medio que te sea m\u00e1s conveniente. Nos aseguraremos de responder y resolver tu problema relacionado con fuentes.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Para transmitir el\u00a0estilo \u00fanico de\u00a0una empresa, la\u00a0fuente puede y\u00a0debe ser adaptada y\u00a0personalizada seg\u00fan las necesidades, que pueden variar desde cambios simples, como la\u00a0reducci\u00f3n de\u00a0la\u00a0composici\u00f3n de\u00a0caracteres, hasta modificaciones complejas en\u00a0todos los glifos.<\/p>\n","protected":false},"author":1,"featured_media":1000005382,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[187,188],"class_list":["post-5313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-font-custom","tag-work-with-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/5313","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/comments?post=5313"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/5313\/revisions"}],"predecessor-version":[{"id":47629,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/posts\/5313\/revisions\/47629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media\/1000005382"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/media?parent=5313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/categories?post=5313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/es\/wp-json\/wp\/v2\/tags?post=5313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}