Vue d’ensemble
Cet article explique comment héberger les polices Web Monotype et surveiller leur utilisation à l'aide de Monotype Fonts.
Une fois vos polices ajoutées à vos projets Web et publicités numériques, et optimisées pour les performances à l'aide des options de sous-ensemble, elles sont prêtes à être déployées.
Les sections ci-dessous décrivent comment télécharger des polices Web approuvées, les héberger sur votre propre infrastructure et vous assurer que leur utilisation est correctement signalée.
Lorsque vous hébergez vous-même des polices Web Monotype, vous êtes responsable de :
télécharger les fichiers de polices à partir d’un projet de polices Web approuvé
héberger ces fichiers sur votre serveur Web ou votre réseau de diffusion de contenu (CDN)
intégrer le CSS fourni afin que les polices se chargent correctement
activer la collecte des données d’utilisation de données d’utilisation à des fins de licence et de conformité
Le rapport d’utilisation est nécessaire pour garantir que les polices sont utilisées conformément aux conditions de votre licence.
Hébergement de polices Web à l’aide du service CDN de Monotype
Le service d’hébergement de polices Web de Monotype diffuse les polices depuis notre CDN afin de garantir une diffusion rapide, quel que soit l’endroit où se trouvent vos visiteurs. Pour héberger vos polices Web à l’aide du service de Monotype :
Cliquez sur votre projet Web pour l’ouvrir dans la vue principale à droite.
En haut de la liste des polices, cliquez sur le bouton Code d’intégration.
Dans la boîte de dialogue des codes d’intégration du projet Web, vous pouvez choisir d’inclure vos polices dans votre application Web à l’aide de CSS.
Cliquez sur Copier pour copier l’extrait de code CSS.
Collez cet extrait de code dans la section <head> de votre fichier HTML pour utiliser les polices de cette page Web.
Remarque : ce script sert à télécharger le projet Web depuis le CDN au moment de l’exécution et à suivre l’utilisation.
Dans la section Style de police CSS de la boîte de dialogue Codes d’intégration du projet Web, sélectionnez un style de police dans le menu déroulant pour générer les codes de style font-family, font-style et font-stretch à utiliser dans le CSS de votre site Web. Cliquez sur le bouton Copier pour les copier.
Répétez l'étape ci-dessus pour tous les styles que vous souhaitez inclure dans votre CSS.
Remarque : nous avons lancé une nouvelle génération de services d'hébergement de polices Web et de publicités numériques. Cela signifie que nous avons abandonné l'ancienne technologie, ce qui limite ce que vous pouvez faire avec les anciens projets Web et publicités numériques. Voici un lien vers plus de détails sur cette transition.
Polices Web en auto-hébergement
Remarque : cette fonctionnalité est réservée aux clients ayant souscrit au forfait Entreprise. Contactez [email protected] pour toute question supplémentaire.
Vous pouvez également télécharger des kits d’auto-hébergement pour vos projets Web afin de diffuser vos polices depuis vos propres serveurs. Suivez les étapes ci-dessous pour télécharger le kit Web d’auto-hébergement.
Cliquez sur Télécharger le kit.
Décompressez le fichier zip téléchargé. Par exemple, le fichier WebFonts_<nom de votre projet Web-ID_unique>.zip.
Téléchargez les polices de ce dossier sur vos serveurs. Ce dossier contient les versions WOFF (.woff) et WOFF2 (.woff2) de chaque style de votre projet Web. Par exemple :
Le kit d'auto-hébergement téléchargé contient également les éléments suivants :
Exemple d'implémentation des polices Web
Il comprend le fichier startHere.html et le dossier startherefiles
Ouvrez le fichier startHere.html pour afficher :
Les directives d'implémentation pour vos polices Web, y compris l'exemple de CSS.
Quelques étapes de dépannage de base au cas où vous rencontreriez des problèmes lors de l'utilisation des polices Web.
Une section mise en évidence pour visualiser le rendu des polices Web dans différentes tailles à l'aide d'un modèle en cascade.
CSS du projet Web
Fichier : <ID unique du projet Web>.css
Il s'agit du CSS recommandé que vous devez utiliser sur votre site Web avec les polices Web. Il est configuré pour des performances optimales lors du téléchargement des polices Web en vue de leur rendu.
Il contient également en haut un lien vers notre CSS de suivi « 1.css », qui est lié au projet Web créé sur Monotype Fonts.
Ce CSS suit l'utilisation des polices Web et renvoie ces données d'utilisation à Monotype Fonts à des fins de reporting et de gestion des licences.
Suivi de l'utilisation des polices et rapports
L'utilisation des polices Web est mesurée en nombre de pages vues pour les projets Web et en nombre d’impressions pour les publicités numériques.
En tant qu'administrateur de l'entreprise, vous pouvez facilement surveiller l'utilisation des polices en cliquant sur le bouton Rapports situé sous le nom d'un projet Web ou d'une publicité numérique dans la vue principale, comme illustré ci-dessous :
Cliquez ici pour en savoir plus sur la surveillance de l'utilisation des polices et la création de rapports.
Informations importantes :
Le nombre de pages vues/impressions est basé sur les pages vues pour l'ensemble d'un projet Web ou d'une publicité numérique. Par exemple, si votre projet Web contient 10 polices et est utilisé sur une page Web qui reçoit une seule page vue, votre rapport indiquera une page vue, et non 10.
En cas de dépassement, Monotype ne désactivera pas son service hébergé et n'enverra pas de facture pour les dépassements. Cependant, nous pourrions vous contacter si votre consommation dépasse largement le quota autorisé.