Hébergement de polices web et rapports d’utilisation.

Topic
Gestion des polices et collaboration.

Vous avez ajouté vos polices à vos projets web et à vos bannières digitales, vous les avez affinées pour en améliorer les performances à l’aide d’options de création de sous-ensemble et vous êtes prêt à les utiliser dans le monde réel. Voici comment vous pouvez simplement et rapidement héberger vos polices et àvoir un suivi de leur utilisation :

  1. Hébergement de polices web à l’aide du service CDN de Monotype

  2. Auto-hébergement des polices web

  3. Suivi et rapport de l’utilisation des polices web

 

Hébergement de polices web à l’aide du service CDN de Monotype.

Le service d’hébergement de polices web par Monotype vous permet de distribuer des polices à partir de notre CDN et assure une livraison rapide des polices, quel que soit l’endroit où se trouvent vos visiteurs. Pour héberger vos polices web en utilisant le service de Monotype :

 

  1. Commencez par cliquer sur votre projet web pour l’ouvrir dans la vue principale à droite.

  2. Ensuite, en haut de la liste des polices, cliquez sur le bouton Code d’intégration.

    Embed code_01

  3. Dans la fenêtre “Codes d’intégration”, vous pouvez choisir d’inclure vos polices dans votre page web en choissisant l’option CSS ou Javascript.

    • CSS.
       

      Hosting fonts css_01



      Utilisez l’option CSS si vous n’êtes pas certain ou si vous n’avez pas de préférence, et si vos pages web ne nécessitent pas de sous-ensemble dynamique. Si votre site web contient des langues d’Asie de l’Est, utilisez la méthode de publication Javascript.

    • Javascript.
       

      Hosting fonts JS_01
       

      • Utilisez l’option Javascript si vous avez besoin d’un sous-ensemble dynamique dans vos pages web.

      • Si votre site web contient des langues d’Asie de l’Est, utilisez la méthode de publication Javascript car un sous-ensemble dynamique est nécessaire pour dépolyer correctement les polices d’Asie de l’Est.

  4. Copiez le code CSS ou Javascript en cliquant sur le bouton Copier.

  5. Collez ce bout de code dans la section <head> de votre page web. Ce script est utilisé pour télécharger le projet web à partir du CDN au moment de l’exécution et de l’utilisation.

  6. Ensuite, dans la section “Style de police CSS”, sélectionnez un style de police dans le menu déroulant pour générer un code de style de famille de polices à utiliser dans le CSS de votre site web. Cliquez sur le bouton Copier pour copier ce style.

    Font styles css_01

  7. Répétez l’étape ci-dessus pour tous les styles que vous souhaitez inclure dans votre CSS.

 

Auto-hébergement des polices web. 

Vous pouvez également choisir de télécharger des kits d’auto-hébergement pour vos projets web afin de déployer vos polices à partir de vos propres serveurs. Pour ce faire :

 

  1. Cliquez sur le bouton Kit d’auto-hébergement en haut de la liste des polices de votre projet web.

    Download kit_01

  2. Extrayez le fichier .zip téléchargé.

  3. Ajoutez les polices contenues dans le .zip dans votre proprer dossier Fonts sur vos serveurs. Le dossier Fonts contient les versions WOFF (.woff) et WOFF2 (.woff2) de chaque style de votre projet web.

  4. Le kit d’auto-hébergement téléchargé contient également les éléments suivants :


    Démo : Intégration des polices web.
    Fichiers : demo.htm, demo.css

    Ouvrez la page demo.htm pour consulter les directives de déploiment de vos polices web, y compris le code requis pour déployer vos polices dans vos applications Web.

    Démo : Implémentation des polices web – Asynchrone.
    Fichiers : demo-async.htm, demo-async.css

    Ouvrez la page demo-async.htm pour voir comment vous pouvez mettre en œuvre et déployer vos polices web de manière asynchrone, c’est-à-dire laisser le script charger vos polices en arrière-plan tandis que le reste des éléments de votre page web se chargent sans être interrompus.

    Liste des polices XML.
    Fichiers : fontlist.xml

    Une liste de polices dans le projet web contenant des informations sur les polices telles que le nom de famille, graisse, etc. en format XML.


    Code de suivi de l’utilisation.
    Fichiers : mtiFontTrackingCode.js

    Ce fichier permet de suivre l’utilisation des polices web et de renvoyer les informations suivies à Monotype Fonts pour obtenir un rapport. Ce fichier doit être conservé à l’endroit où vos polices ont été ajoutées.

 

Suivi et rapport de l’utilisation des polices web.

L’utilisation des polices web est suivie avec le nombre de pages vues pour les projets web et le nombre d’impressions pour les bannières digitales. En tant qu’administrateur de votre compte, vous pouvez facilement suivre l’utilisation des polices en cliquant sur le bouton Rapports sous le nom d’un projet web ou d’une bannière digitale, dans la vue principale, comme indiqué ci-dessous :

monitoring font usage_01

Informations importantes.

  • Le nombre de pages vues/impressions est basé sur les pages vues pour un projet web entier ou une bannière digitale. Par exemple, si votre projet web contient 10 polices de caractères et est utilisé sur une page web qui reçoit 1 page vue, votre rapport affichera 1 page vue et non 10.

  • En cas de dépassement, Monotype ne désactivera pas son service d’hébergement et n’enverra pas de facture pour les dépassements. Toutefois, nous pouvons vous contacter si votre consommation dépasse largement l’allocation.

Download & contact.

Téléchargez l’application Monotype Téléchargez l’application Monotype Contactez-nous Contactez-nous

Contactez-nous.

Merci de nous avoir contactés.

Un membre de notre équipe support vous contactera sous peu par e-mail.

Contenus associés.

My library overview
Gestion des polices et collaboration.

Ma Typothèque : Vue d’ensemble.

Ma Typothèque offre une variété de fonctionnalités pour simplifier la gestion de vos polices. Organisez vos polices dans des dossiers, des listes de polices et bien plus encore, et partagez-les facilement entre plusieurs équipes, régions, produits et services.

Working with font lists
Gestion des polices et collaboration.

Travailler avec des listes et des dossiers de polices.

Les listes de polices sont l’un des nombreux outils de regroupement de polices dont vous disposez pour organiser votre typothèque.

Projets web : Travailler avec des polices web.
Gestion des polices et collaboration.

Projets web : Travailler avec des polices web.

Tout comme les listes de polices, considérez les projets web comme un outil d’organisation dans votre typothèque pour regrouper toutes vos polices web.

Travailler avec des bannières digitales.
Gestion des polices et collaboration.

Travailler avec des bannières digitales.

Avec l’avènement des technologies du web au jour le jour, les publicités sur le web sont désormais créées en HTML5 comme format préféré au lieu de Flash, qui était la norme il y a dix ans.

Créer des sous-ensembles de police web.
Gestion des polices et collaboration.

Créer des sous-ensembles de police web.

Lors du déploiement de polices web pour une utilisation sur le Web, assurer une bonne performance des pages est essentielle et, de ce fait, il est parfois necessaire d’optimiser la taille des fichiers de police. La creation d’un sous-ensemble est le processus qui consiste à n’inclure que ce qui est nécessaire dans un ficher de police.