DYNAMISATION DU TEXTE

PERSONNALISER LA POLICE

Documentation DCO Enabler -> ENABLER ADOBE ANIMATE CC -> PERSONNALISER LA POLICE

Personnalisation de la police web  :

Adobe Animate cc vous permet de gérer les polices web avec Adobe typeKit et Google Fonts.

Néanmoins pour une campagne publicitaire digitale, nous déconseillons d’appeler une police en ligne (problèmes de sécurité, scalabilité …) .

Nous conseillons également de ne pas avoir des polices trop lourdes (poids conseillé < 50 ko) et de privilégier le chargement de votre police en local.

Exporter votre Template html (Paramètre de publication->avancé->exporter) , éditer le Template , ajouter le code ci-dessous juste avant la balise de fermeture </head>.

<style>
@font-face { 
 font-family: 'FrancoisOne-Regular'; 
 src: url('fonts/FrancoisOne-Regular.woff2');
 font-weight: normal; 
} 
@font-face { 
 font-family: 'Covered By Your Grace';
 src: url('fonts/CoveredByYourGrace.woff2'); 
 font-weight: normal; 
} 

@font-face { 
 font-family: 'JosefinSlab-Italic'; 
 src: url('fonts/JosefinSlab-Italic.woff2'); 
 font-weight: normal; 
}
</style>
<link rel="preload" as="font" href="fonts/FrancoisOne-Regular.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="fonts/CoveredByYourGrace.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="fonts/JosefinSlab-Italic.woff2" type="font/woff2" crossorigin="anonymous">

Une fois cette étape terminée, recharger le Template Html  (Paramètre de publication->avancé->importer nouveau)

Une fois les polices chargées, vous pouvez appliquer la police personnalisée au(x) textField(s) :

ADventori.Display.setFont(this.textField,);

Vous pouvez également ajouter le nom de votre police aux méthodes d’ajout de texte :

ADventori.Display.setText(this.textField,ADventori.data.wording,);
ADventori.Display.adaptText(this.textField,14,200,200,);
ADventori.Display.setAndAdaptText(this.textField,ADventori.data.wording,14,200,200,);

Résultat :