Tout d'abord, examinons le problème de départ.

Prenons ce petit code :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Label x="10" y="10" text="Mon texte" 
		fontSize="22" fontWeight="bold" 
		fontFamily="Verdana" color="#1D6271"/>
</mx:Application>

Il nous donne :

Modifions le maintenant comme ceci :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Label x="10" y="10" text="Mon texte" 
		fontSize="22" fontWeight="bold" 
		fontFamily="Verdana" color="#1D6271"
                rotation="45"/>
</mx:Application>

On obtient :

On voit donc bien que l'effet (ici une rotation de 45°) n'est non seulement pas pris en compte (le texte n'est pas rotationné, mais plus grave, celui-cidisparait carrément.

En effet, comme je l'ai déjà dit, cela ne fonctionnera que si les fonts sont embeddées. C'est ce que nous allons maintenant faire. Pour cela, ouvrez flash (8 ou supérieur).

Créez un nouveau document, et placez sur la scène un composant TextInput, de type dynamique.

Rentrez un petit texte, puis cliquez sur le bouton 'Intégrer'.

Dans la nouvelle fenêtre, vous pouvez choisir quels caractères doivent être intégrés. Vous pouvez même sélectionner plusieurs sets de caractères, et aussi intégrer plusieurs fonts dans le même document.

Publier votre swf, et placez-le à la racine de votre projet Flex.

Créons maintenant la feuille de style dont on va se servir :

@font-face {
	src: url('fonts.swf');
	fontFamily: 'Bodoni MT Black';
}
 
.testText{
	fontFamily: 'Bodoni MT Black';
	fontSize: 55pt;
	color: #FFCC00;
}

Puis modifiez le code principal comme ceci :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Label x="10" y="10" text="Mon texte" 
		styleName="testText"
		rotation="45"/>
	<mx:Style source="styles.css"/>
</mx:Application>

Testons à nouveau notre application :

ATTENTION : vous devez conserver le nom exact de la font (casse comprise) quand vous la déclarez dans la CSS.

Voilà... 8-)