Comment être averti une fois qu’une police Web a été chargée

Question

L’API Web Fonts de Google offre un moyen de définir des fonctions de rappel à exécuter si le chargement d’une police est terminé ou n’a pas pu être chargée, etc. Existe-t-il un moyen d’obtenir quelque chose de similaire en utilisant des polices Web CSS3 (@font-face)?

Answer 1

Testé dans Safari, Chrome, Firefox, Opera, IE7, IE8, IE9:

Utilisez-le comme:

Answer 2

La bibliothèque JS utilisée par l’API Google Web Fonts (et Typekit) peut être utilisée sans le service: WebFont Loader.

Il définit des rappels pour ce que vous demandez, et bien d’autres.

Answer 3

Mise à jour 2017

La bibliothèque JS FontFaceObserver est certainement la meilleure solution inter-navigateurs, la plus légère, à 2017. Il expose également une interface basée sur `` promise.