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
verbosepor configuración para crear menos ruido en terminales
astro-font@0.0.75
- introducir la bandera
fallbackNamepor configuración para permitir personalizar el nombre de la fuente de respaldo
astro-font@0.0.74
- usar solo
pathepara 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
patheen 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:ode 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-sluggercomo 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
cssVariablepor configuración para enviar el estilofont-familyen una variable CSS - hacer que
selectorpor configuración sea opcional
astro-font@0.0.67
- manejar de manera elegante escenarios de cálculo sin fuente de respaldo
- introducir la bandera
fetchpor 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_fontpara caché (menos cosas que ver/aprender)
Referencias
- GitHub: astro-font
- Kits de inicio para Astro, SvelteKit y Next.js: launchfa.st