Impossible d'appliquer la police intégrée au bouton Spark dans Flex 4

Question

J'essaie d'intégrer une police pour pouvoir faire pivoter un composant de bouton Spark, mais je ne suis pas capable de le faire. Le bouton apparaît toujours vide, pas de texte.

Le code ressemble à ceci:

<fx:Style> 
    @namespace s "library://ns.adobe.com/flex/spark"; 

    @font-face { 
     fontFamily: verdana; 
     src: url("VERDANA.TTF"); 
     embedAsCFF: true; 
     fontWeight: normal; 
    } 

</fx:Style> 


<s:Group> 
    <s:layout> 
     <s:HorizontalLayout /> 
    </s:layout> 

    <s:Button id="back" 
       includeInLayout="{data.thisLevel.getParent() != null}" 
       label="Back" 
       fontFamily="verdana" 
       fontWeight="normal" 
       height="100%" 
       rotation="270" /> 
</s:Group> 

Ma recherche a indiqué que vous aviez besoin de jouer à des jeux avec fontWeight pour obtenir mx: Button pour travailler, mais qui est censé être fixé avec Spark. (Et déconner avec fontWeight ne fait rien.) Quand je tourne le bouton dans une étiquette, il se comporte comme je l'espère, donc je suis apparemment en train d'incorporer la police correctement - le bouton ne peut tout simplement pas le voir.

Qu'est-ce que je fais mal ici?

Answer 1

Vous avez bien fait. Votre code fonctionne par moi merveilleux. J'ai ajouté le second bouton pour vous permettre de voir l'effet.

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 


<fx:Style> 
    @namespace s "library://ns.adobe.com/flex/spark"; 

    @font-face { 
     fontFamily: verdana; 
     src: url("assets/fonts/verdana.ttf"); 
     embedAsCFF: true; 
     fontWeight: normal; 
    } 

    @font-face { 
     fontFamily: snap; 
     src: url("assets/fonts/snap.ttf"); 
     embedAsCFF: true; 
     fontWeight: normal; 
    } 

</fx:Style> 

<s:Group x="100" y="100"> 
    <s:layout> 
     <s:HorizontalLayout /> 
    </s:layout> 

    <s:Button id="back" 
       includeInLayout="true" 
       label="Back" 
       fontFamily="verdana" 
       fontWeight="normal" 
       height="100%" 
       rotation="270" /> 

    <s:Button id="back2" 
       includeInLayout="true" 
       label="Back" 
       fontFamily="snap" 
       fontWeight="normal" 
       height="100%" 
       rotation="270" /> 
</s:Group> 
</s:Application>