Projets Web : utilisation des polices Web
Supriya Bisht avatar
Écrit par Supriya Bisht
Mis à jour il y a plus d’une semaine

Qu’est-ce qu’un projet Web ?

Les projets Web sont un outil organisationnel de votre bibliothèque qui vous donne accès au format de police Web de vos polices et vous permet de les regrouper au même endroit. De plus, ils fournissent des flux de travail sophistiqués pour le subsetting et l’hébergement de polices si vous souhaitez activer vos polices dans vos applications Web, et offrent des fonctions de génération de rapports et de suivi de l’utilisation.


Comment créer un projet Web ?

Pour créer un projet Web, cliquez sur le bouton Organiser dans la barre latérale.

Create_new_web_project.png

Ensuite, sélectionnez Web project dans la boîte de dialogue Organiser new.

Select_web_project.png

Saisissez un nom pour votre projet Web. Nous vous recommandons, même si c’est facultatif, d’ajouter également une liste des domaines (séparés par des virgules) où vous prévoyez de déployer vos polices.

Naming_your_web_project.png

Enfin, cliquez sur le bouton Organiser.

Create_web_project.png

Votre nouveau projet Web s’affiche dans la barre latérale. Cliquez pour l’ouvrir dans la vue principale, puis commencez à ajouter des polices à votre nouveau projet Web.

View_your_web_project.png

Qu’est-ce que le service CDN de Monotype ?

Le service de polices Web hébergées de Monotype permet aux polices de notre CDN d’être transférées rapidement, où que vos visiteurs se trouvent.


How do I host web fonts using Monotype's CDN service?

Pour héberger vos polices Web à l’aide du service CDN de Monotype, cliquez sur votre projet Web pour l’ouvrir dans la vue principale sur la droite. Cliquez ensuite sur le bouton Code d’intégration en haut de la liste de polices.

Using_Monotype_s_CDN_service.png

Depuis la boîte de dialogue Codes d’intégration, vous pouvez choisir d’inclure vos polices dans votre application Web avec JavaScript.

Embedding_fonts.png

Copiez l’extrait de code CSS en cliquant sur le bouton Copy. Collez cet extrait de code dans la section <head> de votre page Web. Ce script est utilisé pour télécharger le projet Web depuis le CDN à l’exécution et pour l’utilisation du suivi.

Ensuite, dans la section Font style CSS section de la boîte de dialogue Codes d’intégration, sélectionnez un style de police dans le menu déroulant pour générer le code du style de famille à utiliser dans le CSS de votre site Web. Cliquez sur le bouton « Copy » pour copier ce style.

Font_style_CSS.png

Répétez les étapes ci-dessus pour tous les styles que vous souhaitez inclure dans votre CSS.


Comment héberger des polices Web depuis mes propres serveurs ?

Vous pouvez héberger vous-même des polices Web en téléchargeant des kits d’auto-hébergement.


Comment télécharger des kits d’auto-hébergement ?

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

Download_self-hosting_kits.png

Extrayez le fichier compressé téléchargé. Ensuite, téléchargez les polices contenues dans le dossier Fonts sur vos serveurs. Le dossier Fonts contient des versions WOFF (.woff) et WOFF2 (.woff2) de chaque style dans votre projet Web.

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

1. Démonstration : Implémentation des polices Web..

Fichiers : demo.htm, demo.css

Ouvrez la page demo.htm pour afficher les directives d’implémentation de vos polices Web, y compris le code requis pour déployer vos polices dans vos applications Web.

2. Démonstration : Implémentation asynchrone des polices Web.

Fichiers : demo-async.htm, demo-async.css

Ouvrez la page demo-async.htm pour voir comment implémenter et déployer vos polices Web de façon asynchrone, c’est-à-dire en laissant le script charger vos polices en arrière-plan pendant que le chargement des autres éléments de votre page Web.

3. Liste de polices XML.

Fichier : fontlist.xml

Ouvrez la page demo-async.htm pour voir comment implémenter et déployer vos polices Web de façon asynchrone, c’est-à-dire en laissant le script charger vos polices en arrière-plan pendant que le chargement des autres éléments de votre page Web.

4. Code de suivi de l’utilisation.

Fichier : mtiFontTrackingCode.js

Ce fichier suit l’utilisation des polices Web et continue à transférer les informations de suivi à Monotype Fonts à des fins de génération de rapports. Ce fichier doit être conservé à l’endroit où les polices sont téléchargées.


Comment utiliser les fonctionnalités de suivi et de surveillance du projet Web ?

L’utilisation des polices Web est indiquée sous la forme du nombre de pages vues pour les projets Web et de publicités vues 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 Reports situé en dessous du nom d’un projet Web ou d’une publicité numérique dans la vue principale, comme indiqué ci-dessous :

Web_projects_reports.png

Gardez à l’esprit que le nombre de pages/publicités vues repose sur les pages vues pour un projet Web ou une publicité numérique dans son intégralité.

Par exemple, si votre projet Web contient 10 polices et est utilisé sur une page Web qui comptabilise une page vue, votre rapport indiquera 1 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. Toutefois, nous pouvons vous contacter si votre consommation dépasse fortement le nombre autorisé.


Comment définir des sous-ensembles de polices ?

Pour définir des sous-ensembles de polices dans vos projets Web, cliquez sur votre projet, puis sélectionnez le bouton Sous-ensemble de polices en haut à droite.

How_to_subset_fonts.png

Dans la boîte de dialogue Création d’un sous-ensemble, sélectionnez sur la gauche le ou les styles de polices pour lesquels vous souhaitez définir des sous-ensembles. Les options de subsetting s’affichent alors à droite, comme indiqué ci-dessous :

Subsetting_fonts_menu.png

L’option Caractères communs est sélectionnée par défaut. Ce paramètre inclut l’ensemble des caractères les plus courants qui fonctionnent dans la plupart des situations.

Common_characters.png

L’option Choisir des langues vous permet de spécifier exactement les langues à prendre en charge, et par là même, l’ensemble de caractères qui en découle.

Choosing_languages.png

L’option Choisir des caractères spécifiques vous permet de choisir des glyphes spécifiques à partir d’un ensemble de caractères à inclure dans votre police.

Choose_specific_characters.png

L’option saisir des caractères spécifiques vous permet d’inclure les caractères dans le fichier de police, en excluant tout le reste.

Enter_specific_characters.png

Vous pouvez sélectionner l’option Inclure les fonctionnalités OpenType pour inclure les fonctionnalités Open Type telles que les caractères alternatifs, les ligatures, et bien plus encore. Vous pourrez voir les modifications au niveau de la taille du fichier obtenu pour le style sélectionné lors de vos choix de subsetting.

Open_type_features.png

Lorsque vous avez terminé, cliquez sur le bouton Sauvegarder.

Save.png

Il est important d’utiliser le subsetting Heuristic pour les polices chinoise, japonaise et coréenne (CJK). Celui-ci est déjà configuré dans Monotype Fonts lorsque vous choisissez l’option Caractères communs or Caractères courants.


Révoquer l’accès à un projet web.

1. Pour révoquer l’accès d’un utilisateur à un projet web partagé, ouvrez la boîte de dialogue de partage et recherchez l’utilisateur ou l’équipe, puis survolez l’icône en forme de coche à côté de leur nom.

Revoke access_03

2. L’icône se transformera en croix et présentera l’option de Supprimer l’accès. Cliquez sur ce bouton pour révoquer l’accès.

Revoke access_04

Avez-vous trouvé la réponse à votre question ?