Comment pouvons-nous détecter de manière fiable quelle police est réellement affichée sur une page Web ?

Détection de polices spécifiques dans les pages Web

Déterminer quelle police est affichée sur une page Web est crucial pour garantir une expérience utilisateur optimale. Considérons une règle CSS qui définit plusieurs polices :

body {
    font-family: Calibri, Trebuchet MS, Helvetica, sans-serif;
}

Comment pouvons-nous détecter laquelle de ces polices est réellement affichée sur le navigateur de l'utilisateur ?

La raison de cette détermination est essentielle car des polices spécifiques peut contenir des glyphes uniques non disponibles ailleurs. Par conséquent, si l'utilisateur ne dispose pas de la police souhaitée, il est préférable de fournir un lien de téléchargement. Cependant, actuellement, le lien de téléchargement est affiché à tous les utilisateurs, même à ceux qui ont installé la bonne police.

Une méthode ingénieuse mais potentiellement peu fiable consiste à créer un élément avec une police et un texte spécifiques. Si le navigateur ne dispose pas de la police spécifiée, il hérite de la police de son élément parent. En mesurant la largeur du texte rendu et en la comparant à la largeur attendue pour les polices souhaitées et héritées, la présence de la police souhaitée peut être déterminée. Cette technique ne convient cependant pas aux polices à espacement fixe.

Pour plus d'informations sur ce sujet, reportez-vous à la référence suivante :

• Javascript/CSS Font Detector (ajaxian.com ; 12 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!