Comment installer la fonte Web de votre choix

Après avoir effectué votre paiement, vous arrivez sur la page où sont répertoriées vos commandes en cours (rubrique « Compte utilisateur », section « Fontes Web »).

Pour télécharger les fontes Web que vous avez achetées, cliquez sur le lien « Télécharger » de la fonte Web souhaitée ou sur « Télécharger toutes les fontes Web ». Vous accédez maintenant au Webfont Kit Builder ; cet outil vous permet de sélectionner les versions linguistiques des fontes Web dont vous avez besoin et de les télécharger sous forme de « kit fontes Web » (pour installation sur votre site Internet).

Le kit ne contient pas seulement les fontes Web dont vous avez acheté la licence, mais aussi le code de traçage (pour comptabilisation du nombre d’accès aux pages du site), ainsi qu’un fichier CSS comportant les définitions des fontes (pour une utilisation sur des sites Internet). Vous avez maintenant tous les éléments vous permettant d’intégrer rapidement et simplement les fontes Web dans vos sites Internet.

Le kit fontes Web comprend les fichiers suivants :
  • Fonts : Ce dossier contient plusieurs sous-dossiers, nommés par des numéros, dans lesquels se trouvent les polices pour tous les navigateurs web supportés (formats WOFF2 et WOFF).
  • demo.htm : un fichier d'exemple HTML qui contient des directives pour l'utilisation de la méthode CSS pure et de la méthode JavaScript dans deux onglets différents, comme le montre la capture d'écran ci-dessous.
  • demo.css : Exemple de fichier CSS correspondant à un code de publication CSS pur et contenant les définitions de polices.
  • demo-async.css : Exemple de fichier CSS correspondant à la méthode JavaScript et contenant les définitions des polices.
  • mtiFontTrackingCode.js : Ce fichier contient un code JavaScript compressé qui insère le code de suivi Monotype 1.css de manière asynchrone dans le document de la page web. Il n'est utilisé que si la méthode JavaScript est utilisée.
  • EULA : Ce dossier contient les accords de licence d'utilisateur final requis pour les polices incluses dans le kit.
  • Un fichier CSS vide est ouvert sur les serveurs de linotype.com afin de tracer les pages consultées. Vous avez alors deux possibilités :
    1) Méthode @import : demo.css
    Le fichier CSS de suivi est appelé via la balise @import dans le fichier CSS des polices. Il vous suffit d'intégrer le fichier demo.css dans vos pages.
    Avec cette méthode directe, la construction des pages ne se poursuit que lorsque le fichier CSS de suivi est chargé. Si vous craignez que les serveurs de linotype.com ne répondent pas assez rapidement, vous pouvez utiliser la méthode asynchrone, techniquement alternative.
    2) Méthode asynchrone javaScript : demo-async.css et demo-async.htm
    Ici, le fichier CSS de suivi est appelé via un code JavaScript court. Vous devez associer à vos pages non seulement le fichier demo-async.css, mais aussi le code JavaScript correspondant de l'onglet JavaScript du fichier demo.htm.
    Avec cette méthode asynchrone, le fichier CSS de suivi est appelé par le code JavaScript parallèlement à la construction de la page. Il n'y a donc pas de retard dans la construction de la page.

    Pour utiliser vos polices sous licence sur votre site Internet, suivez les instructions suivantes :
    1) Copiez le dossier « Fonts » sur votre serveur Web.
    2) Choisissez une version de traçage des pages consultées et intégrez le fichier CSS correspondant et le cas échéant, le code JavaScript.
    3) Attribuez les polices dans votre fichier CSS à leurs tags HTML. Vous trouverez aussi des exemples dans les fichiers de démonstration concernés.
    4) Suivez les instructions de configuration de votre serveur Web.

    Sous l’aperçu « Statistiques fontes Web », vous pouvez consulter le nombre d’accès à vos fontes sous licence. Les fontes pour lesquelles les accès Internet sont presque épuisés s’affichent en rouge ; cette indication vous permet de voir immédiatement que ces fontes doivent obtenir une nouvelle licence.

    Configuration du serveur Web et protection des polices
    Vous aurez peut-être besoin de modifier la configuration de votre serveur Internet pour qu’il affiche correctement les fontes Web.
    Cette configuration peut être nécessaire selon l’environnement car elle permet d’envoyer un header « ; access-control-allow-origin ;». Vous trouverez de plus amples informations sur Mozilla Developer Network et W3C Cross-Origin Resource Sharing
    La configuration standard de plusieurs serveurs Web (dans ce cas, essentiellement l’IIS) n’attribue pas de types MIME adéquats à plusieurs ou à toutes les fontes Web. Ces types doivent donc être ajoutés. Nous conseillons d’attribuer à toutes les fontes Web le type MIME « application/octet-stream » ; vos différents navigateurs seront ainsi parfaitement compatibles.
    Les clauses relatives à la licence vous obligent à prendre des mesures de sécurité appropriées afin que vos polices Web ne soient pas utilisées de manière abusive. Par exemple, les noms des polices doivent toujours être cryptés. Ces noms sont correctement référencés dans les fichiers démo. Le serveur doit aussi être configuré pour que les polices Web ne puissent pas être téléchargées en saisissant simplement une URL dans le navigateur ou via une commande wget (ou « Protection Hotlink »). L’utilisateur doit aussi s’assurer que des parties tierces ne peuvent pas mettre en lien les polices.