Remarque :

  Typekit s’appelle désormais Adobe Fonts et est inclus avec Creative Cloud et d’autres abonnements. En savoir plus.

Lorsque vous utilisez des polices de bureau pour créer et publier du contenu web, l’expérience utilisateur n’est pas optimale. Animate introduit des polices Google qui offrent une expérience typographique uniformisée pour tous les facteurs de forme. Les polices Google Fonts, sont des polices Open Source gratuites distribuées par les serveurs de Google. Pour plus d’informations sur les polices Google et les concepteurs de polices d’origine, voir https://fonts.google.com/about et https://fonts.google.com/attribution.

Avantages des polices Google :

  • Mise en cache : après un premier téléchargement, les polices sont stockées dans vos systèmes locaux. Cela vous évite d’avoir à les télécharger à chaque fois. Le texte est plus rapidement chargé.
  • Open Source : polices disponibles gratuitement et qui peuvent être redistribuées ou modifiées selon les besoins.
  • Compatibilité : fonctionnement fluide avec vos publicités et contenus web.
  • Réactif : expérience de contenu réactif dans tous les facteurs de forme pour une esthétique uniforme.
  1. Ouvrez votre document HTML5 Canvas et sélectionnez l’outil Texte dans le panneau Outils.

  2. Dans le panneau Propriétés, sélectionnez Texte dynamique. 

  3. Cliquez sur l’icône Ajouter des polices Web et sélectionnez Google Fonts.

    google_fonts_add
    Sélectionnez la boîte de dialogue Google Fonts. boîte de dialogue

  4. La boîte de dialogue Google Fonts répertorie toutes les polices web disponibles. Vous pouvez désormais sélectionner la police qui convient le mieux à votre création en parcourant les polices, en recherchant des polices spécifiques ou en filtrant les polices en fonction de leurs propriétés.

    • Rechercher : recherche la police par nom.
    • Catégorie : filtre les polices en fonction des catégories disponibles.
    • Trier par : trie les polices en fonction des catégories suivantes :
      • Popularity (Popularité) : tri selon les polices les plus populaires.
      • Alphabet : tri alphabétique des polices.
      • Date Added (Date d’ajout) : tri en fonction des dates auxquelles les polices ont été ajoutées au document.
      • Number of Styles (Nombre de styles) : tri en fonction du nombre de styles disponibles pour chaque famille de polices.
      • Trending (Tendances) : tri en fonction des catégories tendances de polices.
    • Aide : affiche l’aide en ligne relative aux polices Google Fonts.
    • Annuler : annule les sélections de polices.
    • Terminé : ajoute la police sélectionnée au document.
    2b
    Boîte de dialogue Google Fonts case

  5. Pour ajouter une police au document, cliquez sur la police que vous souhaitez utiliser et sélectionnez Terminé. Une coche indique que la police est sélectionnée. 

    Remarque :

    Vous pouvez également sélectionner et ajouter plusieurs polices. 

  6. Pour afficher les polices ajoutées dans Animate CC, sélectionnez Caractère > Famille dans l’inspecteur des propriétés.

    Selected Google font in the Family menu
    Police Google Fonts sélectionnée dans l’inspecteur des propriétés

  7. Dans la liste déroulante Character Family (Famille de caractères), sélectionnez la police Google Fonts ajoutée à utiliser dans un document HTML5 Canvas.

    Webfonts-under-Font-menu
    Utilisation de la police sélectionnée dans le document

Voir aussi

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne