Fuentes variables: ejes, instancias y compatibilidad
Peso, anchura, inclinación, tamaño óptico y ejes propios, y cuándo conviene un archivo variable.
Revisado
Una fuente variable contiene un espacio de diseño
Interpola entre maestros mediante wght, wdth, slnt, ital, opsz o ejes personalizados en lugar de un archivo por estilo. Las instancias con nombre son valores predefinidos; las aplicaciones compatibles admiten posiciones intermedias.
Un archivo no siempre es menor ni más sencillo
Puede ahorrar bytes al necesitar muchos estilos; con Regular y Bold, dos subsets quizá sean mejores. Prueba compatibilidad, hinting, funciones y rangos. Algunos programas solo muestran instancias nombradas.
Declara los ejes web con precisión
Indica rangos en @font-face y controla ejes registrados con propiedades CSS comunes. Reserva font-variation-settings para casos especiales. Evita valores fuera del rango y estilos sintéticos involuntarios.