Comment puis-je détecter la police réellement rendue dans le navigateur d'un utilisateur ?

Détection des polices utilisées sur une page Web

Identification des polices rendues

Supposons que vous disposiez d'une règle CSS déterminant la famille de polices de votre page Web. Comment savoir quelle police est réellement utilisée dans le navigateur de l'utilisateur ? Cette question devient pertinente lorsque des glyphes spécifiques ne sont pas présents dans certaines polices, exigeant l'affichage d'un lien de téléchargement pour un rendu correct des glyphes.

Mesurer les chaînes rendues

Une approche consiste à définir un élément avec un élément spécifique police et chaîne attribuée. Si la police n'existe pas dans le système de l'utilisateur, l'élément adopte la police de son parent. En mesurant la largeur de la chaîne rendue, vous pouvez déterminer si la police attendue ou son homologue dérivée est utilisée. Cette méthode, cependant, ne fonctionne pas pour les polices à espacement fixe.

Dérivation

Cette approche a été popularisée par l'article Javascript/CSS Font Detector sur ajaxian.com, publié en mars 2007.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!