Show GN : optimiser les polices web coréennes sur un site statique

 (palindrom615.dev)
8 points par palindrom615 2020-03-02 | 5 commentaires | Partager sur WhatsApp

J’ai raconté mon expérience d’optimisation de fichiers de polices coréennes avec subfont sur un site statique construit avec gatsby.js.

  • analyse statique du HTML pour ne sous-ensemble que les caractères réellement utilisés dans la police

  • optimisation à chaque build en ne modifiant que le plugin et le fichier de configuration

  • auto-hébergement sans dépendre d’un hébergement externe de polices web comme Google Fonts

  • utilisation directe des polices TrueType sans avoir besoin de connaître le format de police

À lire aussi

5 commentaires

 
sduck4 2020-03-03

Comme le contenu change, si des glyphes sont ajoutés ou supprimés, on ne peut plus profiter du cache.

C’est sûrement bien pour un site dont le contenu est vraiment « statique », mais cela ne semble pas être une méthode adaptée à un blog où du contenu est ajouté fréquemment.

Donc, utilisons tous Google Fonts !
 
xguru 2020-03-02

Le fait que vous écriviez « Show GN » donne vraiment une ambiance HN. Merci ;)

J’ai bien créé une fonctionnalité pour ne voir que les Show, mais comme il n’y en a pas encore beaucoup, je ne l’ai pas ajoutée au menu du haut. J’ouvrirai ça quand il y en aura davantage !

J’ai aussi lu l’article avec plaisir. La combinaison page statique + subfont est excellente.
 
nezz1204 2020-03-03

Je ne regarde pas Hacker News, donc à quoi sert la fonctionnalité Show ?
 
xguru 2020-03-03

Sur Hacker News, il existe une page distincte qui regroupe uniquement les liens précédés de « Show HN », où les gens présentent le service ou le projet open source qu’ils ont créé.

https://news.ycombinator.com/show

Comme pour les liens d’articles du HN classique, s’ils reçoivent beaucoup de votes, ils peuvent aussi remonter en page d’accueil, mais on peut considérer qu’ils bénéficient d’un traitement de faveur puisqu’ils sont également rassemblés à part pour qu’on puisse y jeter un second coup d’œil.

C’est utilisé à la fois pour encourager les utilisateurs de Hacker News à essayer quelque chose, et pour obtenir des retours et poser des questions.

Peu importe que le produit ne soit pas parfait ou qu’il soit encore à un stade précoce ; c’est un endroit où, plutôt que de dire « c’est nul », on donne un retour constructif du type « et si vous faisiez comme ça ? ».

C’est un lieu qui soutient la création de nouveaux services et projets open source, et je pense que c’est peut-être l’un des plus grands aspects positifs de Hacker News.
 
nezz1204 2020-03-04

Oh ! C’est une fonctionnalité très utile. Merci pour l’explication.