Des familles de polices modernes et surtout natives, donc instantanées.
Pré-charger les polices de caractère dont on sait à l'avance qu'elles seront utilisées, pour que le navigateur n'attende pas d'avoir chargé le CSS pour les télécharger.
Cette technique permet de limiter les layout shifts provoqués par le remplacement de la police par défaut par la police personnalisée, et d'améliorer le temps de chargement global de la page.
Un outil pour convertir des polices d'écriture en différents formats (dont WOFF et WOFF2) et qui génère le code CSS pour les inclure facilement dans vos projets.
Une police d'écriture conçue spécifiquement pour les personnes malvoyantes. Visuellement elle n'est pas vilaine en plus.
Via https://korben.info/luciole-police-caracteres-accessible-malvoyants.html
Une police d'écriture variable. Un seul fichier woff2 et pas mal de variations possibles.
Une police d'écriture à graisse variable, gratuite et garantie sans serif 🙃
Au passage, j'adore l'effet produit par le header de la page. Ce n'est pas une vidéo contrairement à ce qu'on pourrait croire, c'est juste une image au dessus de laquelle l'auteur à ajouté un filtre SVG qui donne cette impression de vagues qui bougent. C'est brillant.
Une collection de packages npm qui permettent d'ajouter de nouvelles polices d'écriture à vos applications web sans vous prendre la tête.
C'est aussi simple que :
npm install --save @fontsource/open-sanspuis dans votre index.js :
import '@fontsource/open-sans/400.css';Une alternative a priori privacy-safe (pas de tracking, pas de logging) à Google Fonts. Il suffit de changer le nom de domaine dans le script à ajouter à vos pages. Le reste de l'URL reste identique à celle de Google.
Des polices d'écriture libres.
Un super outil pour manipuler les icon-fonts (par exemple en extraire les glyphes en SVG) et vice-versa.
Using IcoMoon you can easily search and download vector icons or generate fonts (icon fonts). This tool can also be used for icon set management. It can generate icon fonts, SVGs, PDFs, PNGs and sprites.
Des alternatives gratuites à des polices d'écriture payantes bien connues.
Plein de super polices d'écriture gratuites !
Convertir un fichier de police de caractères dans d'autres format (dont SVG !).
Via: https://www.lambdatest.com/blog/its-2019-lets-end-the-debate-on-icon-fonts-vs-svg-icons/
A strong, neutral typeface for text or display.
Des polices d'écritures populaires.
J'avais parlé de cette propriété il y a un peu plus d'un an. Elle permet de déterminer comment le navigateur doit charger les polices et quoi afficher pendant le chargement.
Styliser votre texte en utilisant des caractères unicode. Pratique pour que votre pseudo Twitter se distingue un peu des autres par exemple :)
Une nouvelle police très sympa créée par l'INRIA.
Une police géométrique sans serif assez sexy :)