Comment télécharger une police depuis un site Web à l’aide des outils de développement dans Chrome ou Edge ?

Dans cet article, nous allons voir comment télécharger des polices de caractères à partir de sites Web dans le navigateur Chrome ou Edge à l’aide des outils de développement.

Chrome et Edge sont tous deux dotés d’outils intégrés de développement et de création de sites Web utilisés pour inspecter les sites Web directement dans le navigateur. Vous pouvez faire beaucoup de choses avec ces outils.

font-swap

Par exemple, ils vous permettent d’identifier les polices de caractères présentes sur un site Web, d’effectuer des recherches dans le fichier source, d’utiliser un optimiseur intégré, d’émuler des capteurs ou une localisation géographique, etc.

Vous pouvez également télécharger des polices de caractères depuis un site Web à l’aide des Developer Tools. Pour télécharger une police depuis un site Web, vous devrez passer par certaines options. Voyons la procédure en détail.

Télécharger une police depuis un site Web à l’aide des outils de développement de Chrome

Nous allons voir la procédure pour récupérer depuis un site Web une police de caractères en utilisant le navigateur Google Chrome. Vous pouvez utiliser les mêmes étapes pour télécharger une police de site Web depuis le navigateur Microsoft Edge. Voici les étapes à suivre pour ce faire :

télécharger-police
  • Lancez Google Chrome.
  • Allez sur le site Web à partir duquel vous souhaitez télécharger des polices de caractères.
  • Ouvrez les outils de développement. Allez dans le menu Personnaliser et contrôler Google Chrome en haut à droite et cliquez sur l’option Plus d’outils > Outils de développement. Vous pouvez également appuyer sur la combinaison de touches Ctrl + Maj + I pour ouvrir rapidement les Outils de développement.
  • Accédez à l’onglet Network (Réseau).
  • En dessous, cliquez sur l’option Font (Police). Une liste des polices intégrées avec leurs noms respectifs présents sur le site Web est affichée. Vous pouvez sélectionner une police dans la liste et vous verrez son aperçu en cliquant sur Preview.
  • Sélectionnez une police à télécharger. Pour identifier le format de la police, il suffit de passer la souris sur la police et de voir l’extension du fichier.
  • Téléchargez le fichier de police. Il suffit de cliquer avec le bouton droit de la souris sur la police, puis, dans le menu contextuel, de cliquer sur l’option Copy > Copy Response. Ouvrez un nouvel onglet dans Chrome et collez le lien copié précédemment dans la barre d’adresses, puis appuyez sur Entrée. Un fichier est alors téléchargé.
  • Renommez le fichier téléchargé avec l’extension du fichier de police. Allez dans votre dossier des téléchargements où le fichier de police a été téléchargé. Vous devez maintenant renommer ce fichier avec l’extension du fichier de police. Pour cela, allez d’abord dans l’onglet Affichage de l’Explorateur de fichiers et assurez-vous d’activer l’option Extensions de nom de fichier. Sélectionnez ensuite le fichier de police téléchargé et cliquez sur l’option Renommer. Ajoutez l’extension de fichier de police identifiée (par exemple, .woff2) et appuyez sur Entrée.

Voilà, c’est ainsi que vous pouvez télécharger un fichier de police de caractères à partir d’un site Web.

Comme Microsoft Edge est désormais basé sur Chromium, comme Chrome, vous pouvez télécharger un fichier de police de caractères dans le navigateur Edge en suivant les mêmes étapes que ci-dessus.