Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Fonts
Webdesign

Fuentes Variables en el Web, Explicado

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Betty (you can also view the original English article)

Fuentes variables son, en pocas palabras, archivos de fuentes que tienen configuración puede cambiar sutilmente o modificar dramáticamente la apariencia de la fuente. Listo para hacer una gran diferencia al tipo en la web, vamos a echar un vistazo!

Mira el Explainer Video

Fuentes Variables para Diseñadores Web

A través de la configuración de fuente variable (que se llama ejes) puede tomar un archivo de fuente única y crear el tipo de variaciones que anteriormente sólo se podía obtener mediante el uso de varios archivos fuente.

Por ejemplo, con una familia normal, si desea una versión de peso ligero, normal y negrita, tienes que cargar en tres ficheros diferentes.

Sin embargo, con una fuente variable que como un eje de peso usted puede ajustar el peso a través de CSS para obtener la luz, normal y negrita se ve de un solo archivo:

Con este enfoque se obtiene el mismo aspecto tipográfico, pero con tiempos de carga muy mejoradas. Donde usted previamente habría tenido que reducir el número de variantes que se carga en una página web, con fuentes variables que ya no es un problema, tienes gran cantidad de variantes en sus extremidades del dedo:

httpswwwaxis-praxisorgspecimensprotipo
Protipo Variable en Eje-Praxis

Variabilidad del Estilo

En cuanto a la variabilidad del estilo, solo no se detiene. No está restringido a sólo los tipos de variaciones que se utilizaría, como peso normal o cursiva.

En primer lugar, cualquier eje puede tener su valor en cualquier lugar a lo largo de un desplazamiento, no sólo en valores. Así que si estabas buscando un peso entre normal y negrita, es perfectamente posible. O si desea su cursiva a lean sólo un poco menos, o quería anchuras de carácter para ser un poco más de estándar, el poder está en tus manos. Ajustar la configuración de lo que usted necesita.

En segundo lugar, fuentes pueden utilizar cualquier ejes que el diseñador cuida a pensar! Echa un vistazo a la configuración disponible para Bitcount:

httpswwwaxis-praxisorgspecimensbitcount
BitCount Configuración de Eje-Praxis

Dependiendo de la fuente, encontrarás los ejes que dan control sobre sombras, o huecos de la plantilla o terminales de caracteres, las opciones son ilimitadas.

Vientos de Cambio

Fuentes variables buscan para lograr un impacto grande en cómo trabajamos como diseñadores web. Nos permitirá lograr mayor diversidad y el control, mientras que simultáneamente reduce la velocidad de carga. También permitirá a ramificar hacia fuera en nuestra creatividad tipográfica de maneras que eran técnicamente imposibles antes.

Para empezar con fuentes variables que hemos puesto juntos un curso que te guía a través de todas las facetas más importantes de su funcionamiento, le configure con las herramientas que vas a necesitar, le guía a través de la CSS que controla la variable fuentes de codificación y muestra cómo crear reservas para los navegadores que aún no cuentan con apoyo.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.