astro-font wird automatisch Ihre benutzerdefinierten Schriftarten, lokalen Schriftarten, Schriftarten über jedes CDN und Google-Schriftarten für die Leistung optimieren.
astro-font@1.1.0 (neueste Version)
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.
-
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
Vielen Dank an Florian Lefebvre für diesen großartigen Beitrag!
astro-font@0.0.78
astro-font@0.0.77
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 Kernbibliothekfontkit
(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 denfont-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