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 :)
Un fork de Font Awesome par des gens qui ne sont pas totalement en accord avec la direction prise par ce dernier dans sa version 5.
Des plugins de post-processing CSS pour éviter les problèmes liés au chargement des webfonts (par exemple le texte qui est invisible tant que la font n'a pas été chargée).
L'idée est d'appliquer une classe à l’élément <html> via Javascript seulement une fois que la page est chargée. Et c'est cette classe qui déclenchera le téléchargement des webfonts. Le faire à la main nécessite pas mal d'organisation. Ces plugins rendent ça transparent.
Plein de packs d'icônes sous licence libre.
La propriété font-display (pour laquelle on devrait plutôt parler de "descripteur pour font-face" comme mentionné dans l'article) permet d'indiquer au browser quoi afficher le temps qu'il télécharge les webfonts de la page.