• Nosotros
  • Contacto
  • Tienda
Öbjetto
Mússica
Advertisement
  • Login
  • Regístrate
Mi plan
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • SHOWROOM

No hay productos en el carrito.

Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • SHOWROOM

No hay productos en el carrito.

Gràffica
Sin resultado
Ver todos los resultados

Las nuevas Tipografías Variables OpenType

Por Gràffica
16/09/2016
en Tipografía

Síguenos en Google

Gracias a la tecnología responsive el diseño cada vez es mucho más flexible. Pero lo que todavía no tenía era unas tipografías que se adaptaran automáticamente a cada una de las dimensiones, cambiando sus características según las necesidades compositivas y en el mismo momento que se está redimensionando el diseño responsive que las aloja.

Tipografias Variables OpenTYpe-1
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.

Se trata de las Tipografías Variables OpenType, el nuevo tipo de fuentes variables desarrolladas conjuntamente por Apple, Google, Microsoft y Adobe y que ha presentado Typekit en uno de los eventos tipográficos más importantes del mundo: ATypI 2016.

Estas tipografías variables tienen la atractiva peculiaridad de que son capaces de comportarse como múltiples fuentes pero en un solo archivo OpenType. Imagina las infinitas posibilidades que se le ofrecen al diseñador si emplea una tipografía tan flexible que tiene la habilidad de cambiar de pesos, de tamaños y de otros atributos sin tener que aumentar el tamaño del archivo.

Los diseños web pueden ser todavía más efectivos en su componente responsive. Por ejemplo, una composición que reduzca el tamaño de sus elementos en formatos más pequeños y estrechos, puede tener una tipografía que vaya acompasando sus características –en este caso aumentando su tamaño o condensándose– para conseguir una mejor legibilidad del texto.

«¿Se ha convertido la buena tipografía en algo exclusivo?» por Ana Moliz

Thaw y Thaw Condensed, las nuevas incorporaciones de Superior Type

Más
Tipografias Variables OpenTYpe-6
Ejemplo de cómo respondería una tipografía variable OpenType, por cortesía de Erik van Blokland

Con el objetivo de favorecer la adaptabilidad de la tipografía al diseño web, se han hecho viables todo tipo de cambios: es posible que se produzca un aumento de la x de una tipografía solo en dimensiones más pequeñas para facilitar la legibilidad del texto; se puede afilar o arquear ligeramente la tipografía de un logo atendiendo a objetivos compositivos y de adaptación de la marca según qué momentos; si fuera necesario se podrían también modificar astas descendentes de manera imperceptible para acomodar visualmente la tipografía en casos en las que los caracteres se encuentren muy apretados, etc.

Más de medio año ha sido necesario para mejorar significativamente las especificaciones del archivo OpenType. Ahora incluye la tecnología OpenType Font Variations que permite al diseñador barajar conjunto de glifos o glifos individuales gracias a 64.000 posibles variaciones (pesos, altura, etc.) y definir posiciones específicas en el diseño (en el artículo escrito por John Hudson puedes ampliar la información técnica sobre las Tipografías Variables OpenType).

Aunque las fuentes variables ya son una realidad, los creadores afirman que todavía queda mucho por hacer. Por lo que todavía tardaremos un poco en ver esta tecnología funcionar de forma natural en cualquier diseño responsive. Por el momento, esperaremos impacientes las novedades que vayan surgiendo sobre estas tipografías responsive tan prometedoras.

→ typekit.com

Tipografias Variables OpenTYpe-2
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-5
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-4
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.
Tipografias Variables OpenTYpe-3
Pulsa la imagen para ver cómo respondería una tipografía variable OpenType. Por Erik van Blokland.

+ Artículos

Opinión

«¿Se ha convertido la buena tipografía en algo exclusivo?» por Ana Moliz

Por Gràffica
Tipografía

Thaw y Thaw Condensed, las nuevas incorporaciones de Superior Type

Por Gràffica
Tipografía

Por qué todos miran los dorsales de Noruega en el Mundial

Por Gràffica
Tipografía

Sumendi: la voz tipográfica de vigésimo aniversario del Bilbao BBK Live

Por Ana Moliz
Tipografía

Residence: una superfamilia entre el Art Nouveau y el neo-grotesco

Por Ana Moliz
Tipografía

Typograph o por qué la IA no te va a quitar el trabajo si eres buen diseñador o diseñadora de tipografías

Por Gràffica
Concursos

Indignación popular por el concurso de cartel de los Premios Lorca sin premio económico

Por Gràffica

En las últimas horas, la convocatoria para diseñar el cartel del Festival Internacional de Cine de Granada —Premios Lorca— ha...

Leer

«¿Se ha convertido la buena tipografía en algo exclusivo?» por Ana Moliz

Diseño Extremeño reúne en un archivo digital la memoria del diseño vinculado a Extremadura

1.400 euros a concurso especulativo para diseñar la imagen de Umore Azoka, una feria con más de 425.000 euros de presupuesto

InDesign ya entiende instrucciones: la IA empieza a automatizar la maquetación

  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • SHOWROOM
Aviso legal | Política de Privacidad y cookies | Condiciones de compra

© 2026 graffica.info

Sin resultado
Ver todos los resultados
  • Nosotros
  • Contacto
  • Tienda
  • Login
  • Únete
  • Carrito

© 2026 graffica.info

¡Hola de nuevo!

Entra en tu cuenta abajo

¿Has olvidado tu contraseña? Únete

¡Crea una nueva cuenta!

Rellena el formulario de abajo para registrarte

Se requieren todos los campos Entrar

Recupera tu contraseña

Por favor, pon tu usuario o email para restablecer tu contraseña

Entrar
Sin resultado
Ver todos los resultados
  • Nosotros
  • Contacto
  • Tienda
  • Login
  • Únete
  • Carrito

© 2026 graffica.info