Show GN: Koreanische Webfonts auf einer statischen Website optimieren

 (palindrom615.dev)
8 Punkte von palindrom615 2020-03-02 | 5 Kommentare | Auf WhatsApp teilen

Ich habe meine Erfahrungen damit aufgeschrieben, wie ich auf einer mit gatsby.js erstellten statischen Website koreanische Schriftdateien mit subfont optimiert habe.

  • HTML wird statisch analysiert, sodass nur die tatsächlich verwendeten Zeichen der Schrift als Subset eingebunden werden

  • Optimierung bei jedem Build allein durch Änderungen an Plugin und Konfigurationsdatei

  • Self-Hosting ohne Hilfe von externem Webfont-Hosting wie Google Fonts

  • Nutzung der TrueType-Schrift direkt, ohne das Schriftformat kennen zu müssen

Verwandte Beiträge

5 Kommentare

 
sduck4 2020-03-03

Wenn sich der Inhalt ändert und Glyphen hinzugefügt/entfernt werden, greift der Cache dann nicht mehr.

Für Websites, deren Inhalte wirklich „statisch“ sind, ist das sicher gut, aber für Blogs, bei denen laufend neue Inhalte hinzukommen, scheint diese Methode nicht geeignet zu sein.

Also lasst uns alle Google Fonts verwenden!
 
xguru 2020-03-02

Dass Sie „Show GN“ geschrieben haben, vermittelt wirklich ein HN-Gefühl. Vielen Dank ;)

Ich habe zwar bereits eine Funktion eingebaut, mit der man nur die Show-Beiträge gesammelt ansehen kann, aber weil es davon noch nicht viele gibt, habe ich sie noch nicht ins obere Menü aufgenommen. Wenn es mehr werden, schalte ich sie frei!

Den Artikel habe ich ebenfalls mit Freude gelesen. Die Kombination aus statischer Seite + subfont ist hervorragend.
 
nezz1204 2020-03-03

Ich lese Hacker News nicht, daher: Was genau ist die Show-Funktion?
 
xguru 2020-03-03

Auf Hacker News gibt es eine eigene Seite, auf der nur Links gesammelt werden, die mit Show HN beginnen und auf denen Nutzer ihren selbst entwickelten Service oder ihr Open-Source-Projekt vorstellen.

https://news.ycombinator.com/show

Wie bei den Artikel-Links im normalen HN gilt auch hier: Wenn sie viele Upvotes bekommen, schaffen sie es auf die Frontpage. Man kann es aber so sehen, dass sie zusätzlich bevorzugt gesammelt werden, damit man sie sich noch einmal gezielt anschauen kann.

Gleichzeitig ist es ein Ort, an dem Hacker-News-Nutzer dazu ermutigt werden, etwas auszuprobieren, Feedback zu erhalten und Fragen zu stellen.

Es muss kein perfektes Produkt sein; auch ein Projekt in einer frühen Phase ist völlig in Ordnung. Es ist eher ein Ort für produktives Feedback wie „Wie wäre es damit?“ statt für abwertende Reaktionen wie „Das ist schlecht“.

Da dort neue Services und Open-Source-Projekte gefördert werden, denke ich, dass das eine der größten positiven Funktionen von Hacker News ist.
 
nezz1204 2020-03-04

Oh! Das ist wirklich eine sehr nützliche Funktion. Danke für die Erklärung.