astro-font optimizará automáticamente tus Fuentes Personalizadas, Fuentes Locales, Fuentes a través de cualquier CDN y fuentes de Google para mejorar el rendimiento.
astro-font@1.1.0 (última versión)
Con astro-font@^1.1.0
, la biblioteca ahora:
- tiene una integración de Astro que se encarga de empaquetar todas las fuentes (anidadas) en el directorio
__astro_font_generated__
en tu paquete estático. Úsalo a través de:
// Archivo: astro.config.* import { astroFont } from 'astro-font/integration' // ... integrations: [ astroFont() ] // ...
- asegura si tiene acceso de escritura para escribir archivos de fuentes obtenidos localmente
astro-font@1.0.0
Con astro-font@^1.0.0
, la biblioteca ahora asegura que el basePath
especificado en la configuración de la fuente exista, y el nombre de la fuente especificado esté entre comillas, lo que permite espacios en el nombre de la fuente.
astro-font@0.1.81
En astro-font@^0.1.81, se ha introducido el soporte para fuentes alojadas localmente en entornos de desarrollo local. Simplemente las comprobaciones para https:
se han extendido a http:
. Además, las definiciones de tipo para el atributo style
y weight
por configuración se han actualizado para soportar string
, y string
y number
respectivamente.
astro-font@0.0.80
En astro-font@^0.0.80, el analizador de fuentes CSS para fuentes cargadas a través de CDN como Google Fonts, TypeKit, etc. ha mejorado. Ahora es capaz de mapear cada atributo de la propiedad font-face devuelta por CDN y crea un CSS equivalente.
Para crear solicitudes similares a las del navegador, cada solicitud saliente se adjunta con el encabezado 'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, como Gecko) Chrome/123.0.0.0 Safari/537.36'
. Esto ayuda a obtener el unicode-range
que optimiza la descarga de fuentes en el navegador, ya que si la página no usa ningún carácter en ese rango, la fuente no se descarga en absoluto.
astro-font@0.0.79
En astro-font@^0.0.79, se han introducido valores de tipo para las siguientes propiedades CSS, lo que te permite elegir los valores basados en prácticas web estándar en tu IDE.
Para mantener la compatibilidad hacia atrás, se permite cualquier tipo de valor de cadena o número.
-
style: https://developer.mozilla.org/en-US/docs/Web/CSS/font-style
-
weight: https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
-
display: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display
¡Gracias Florian Lefebvre por esta increíble contribución!
astro-font@0.0.78
astro-font@0.0.77
astro-font@0.0.76
- introducir la bandera
verbose
por configuración para crear menos ruido en terminales
astro-font@0.0.75
- introducir la bandera
fallbackName
por configuración para permitir personalizar el nombre de la fuente de respaldo
astro-font@0.0.74
- usar solo
pathe
para relativizar las rutas y obtener una salida similar a POSIX para las rutas de fuentes (gracias a @florian-lefebvre por sugerirlo y a @pi0 por crear pathe)
astro-font@0.0.73
- usar
pathe
en lugar de depender de node:path para soportar todos los entornos
astro-font@0.0.72
- parche personalizado para el error duplicado
axisIndex:o,axisIndex:o
de la biblioteca centralfontkit
(gracias a @lukasborawski por comunicarse y sugerir la solución)
astro-font@0.0.71
- añadir soporte para URLs de Google Fonts + Cualquier URL de CDN que responda con CSS
astro-font@0.0.70
- eliminar
github-slugger
como dependencia del paquete
astro-font@0.0.69
- permitir configuración granular de pre-cargas por fuente por configuración
- ocultar errores ocurridos durante la determinación del acceso de escritura (para menos ruido en terminales)
astro-font@0.0.68
- introducir la bandera opcional
cssVariable
por configuración para enviar el estilofont-family
en una variable CSS - hacer que
selector
por configuración sea opcional
astro-font@0.0.67
- manejar de manera elegante escenarios de cálculo sin fuente de respaldo
- introducir la bandera
fetch
por configuración para decidir qué conjunto de fuentes se deben localizar - los archivos NO se obtienen ni localizan por defecto, todo permanece igual para proporcionar una mejor experiencia de desarrollo
- manejar de manera elegante escenarios sin caché
- eliminar el directorio personalizado
.astro_font
para caché (menos cosas que ver/aprender)
Referencias
- GitHub: astro-font
- Kits de inicio para Astro, SvelteKit y Next.js: launchfa.st