Astro Schriftart Änderungsprotokoll

astro-font wird automatisch Ihre benutzerdefinierten Schriftarten, lokalen Schriftarten, Schriftarten über jedes CDN und Google-Schriftarten für die Leistung optimieren.

astro-font@1.2.0 (neueste Version)

Mit astro-font@^1.2.0 hat die Bibliothek nun:

einen Cache für die Schriftauflösung über Renders hinweg, sodass eine von vielen Seiten geteilte Konfiguration das Google-Fonts-CSS einmal pro Build statt einmal pro Seite abruft. Auf einer Website mit Hunderten vorgerenderten Seiten wird so aus einer Netzwerkanfrage pro Seite ein einziger Abruf zur Build-Zeit.
eine optionale assetsPrefix-Option, um vorgeladene und selbst gehostete Schriftarten über ein CDN auszuliefern. Legen Sie sie global auf der Komponente fest oder überschreiben Sie sie pro Schriftart in der Konfiguration.
neue Schrift-Daten-Hilfsfunktionen (getFontData, getFonts, getFontURL, getFontURLs, resolveFonts, clearResolvedFontsCache und generatePublicUrl), mit denen Sie eine Schriftkonfiguration auflösen und die rohen Bytes oder URLs lesen können, ohne die Komponente zu rendern. Das ist praktisch für Satori (OG-Bilder) und API-Endpunkte.
ein robustes Verhalten, wenn Google Fonts nicht erreichbar ist: statt den Build oder das Dev-Rendering fehlschlagen zu lassen, gibt sie eine Warnung aus und greift auf die konfigurierte Fallback-Schriftart zurück.
eine Korrektur für das Bündeln von Schriftarten mit der Integration unter Windows, bei der das Build-Ausgabeverzeichnis mit fileURLToPath aufgelöst wird.

astro-font@1.1.0

Mit astro-font@^1.1.0 hat die Bibliothek nun:

eine Astro-Integration, die sich um das Bündeln aller (verschachtelten) Schriftarten im Verzeichnis __astro_font_generated__ in Ihrem statischen Bundle kümmert. Verwenden Sie es über:

// Datei: astro.config.*
  import { astroFont } from 'astro-font/integration'
  // ...
  integrations: [
  astroFont()
  ]
  // ...

stellt sicher, dass es Schreibzugriff hat, um heruntergeladene Schriftartdateien lokal zu speichern

astro-font@1.0.0

Mit astro-font@^1.0.0 stellt die Bibliothek nun sicher, dass der im Schriftartenkonfigurationspfad angegebene basePath existiert und der angegebene Schriftartname in Anführungszeichen eingeschlossen ist, was Leerzeichen im Namen der Schriftart erlaubt.

astro-font@0.1.81

In astro-font@^0.1.81 wurde die Unterstützung für lokal gehostete Schriftarten in lokalen Entwicklungsumgebungen eingeführt. Einfach die Prüfungen für https: wurden auf http: erweitert. Außerdem wurden die Typdefinitionen für die Attribute style und weight pro Konfiguration aktualisiert, um string bzw. string und number zu unterstützen.

astro-font@0.0.80

In astro-font@^0.0.80 wurde der CSS-Schriftartenparser für das Laden von Schriftarten über CDN wie Google Fonts, TypeKit usw. verbessert. Er kann nun über jedes Attribut der von CDN zurückgegebenen font-face-Eigenschaft mappen und ein entsprechendes CSS erstellen.

Um browserähnliche Anfragen zu erstellen, wird jeder ausgehenden Anfrage der Header 'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36' hinzugefügt. Dies hilft, den unicode-range zu erhalten, der das Herunterladen von Schriftarten im Browser optimiert, da die Schriftart nicht heruntergeladen wird, wenn die Seite kein Zeichen in diesem Bereich verwendet.

astro-font@0.0.79

In astro-font@^0.0.79 wurden Typwerte für die folgenden CSS-Eigenschaften eingeführt, die es Ihnen ermöglichen, die Werte basierend auf gängigen Webpraktiken in Ihrer IDE auszuwählen.

Um die Rückwärtskompatibilität zu gewährleisten, sind alle Arten von Zeichenfolgen- oder Zahlenwerten erlaubt.

Vielen Dank an Florian Lefebvre für diesen großartigen Beitrag!

astro-font@0.0.78

Fügen Sie eine Fallback-Option für Monospace hinzu

astro-font@0.0.77

Sorgen Sie für bessere Zufälligkeit im Fallback-Schriftartnamen

astro-font@0.0.76

Einführung des verbose-Flags pro Konfiguration, um weniger Lärm in Terminals zu erzeugen

astro-font@0.0.75

Einführung des fallbackName-Flags pro Konfiguration, um den Namen der Fallback-Schriftart anzupassen

astro-font@0.0.74

Verwenden Sie nur pathe, um die Pfade zu relativieren und POSIX-ähnliche Ausgaben für Schriftartenpfade zu erhalten (dank @florian-lefebvre für den Vorschlag & @pi0 für die Erstellung von pathe)

astro-font@0.0.73

Verwenden Sie pathe anstelle der Abhängigkeit von node:path, um alle Umgebungen zu unterstützen

astro-font@0.0.72

Benutzerdefinierter Patch für den doppelten axisIndex:o,axisIndex:o-Fehler der Kernbibliothek fontkit (dank an @lukasborawski für das Erreichen und Vorschlagen der Lösung)

astro-font@0.0.71

Unterstützung für Google Fonts URLs + jede CDN-URL, die mit CSS antwortet, hinzufügen

astro-font@0.0.70

Entfernen Sie github-slugger als Paketabhängigkeit

astro-font@0.0.69

Erlauben Sie granulare Konfiguration von Preloads pro Schriftart pro Konfiguration
Verbergen Sie Fehler, die beim Bestimmen des Schreibzugriffs auftreten (für weniger Lärm in Terminals)

astro-font@0.0.68

Einführung des cssVariable-Flags pro Konfiguration optional, um den font-family-Stil in einer CSS-Variable zu liefern
Machen Sie selector pro Konfiguration optional

astro-font@0.0.67

Handhabt Szenarien ohne Fallback-Schriftartenberechnung elegant
Einführung des fetch-Flags pro Konfiguration, um zu entscheiden, welche Schriftarten lokalisiert werden sollen
Dateien werden standardmäßig NICHT heruntergeladen und lokalisiert, alles bleibt unverändert, um eine bessere DX zu bieten
Handhabt Szenarien ohne Caching elegant
Entfernen des benutzerdefinierten .astro_font-Verzeichnisses für das Caching (weniger Dinge zu sehen/lernen)

Referenzen

GitHub: astro-font
Astro, SvelteKit und Next.js Starter Kits: launchfa.st