Le petit texte dans l'étiquette d'étincelle semble blair

Question

J'ai passé quelques jours à trouver une solution pour résoudre ce problème. Avant d'utiliser une étiquette d'étincelle, j'utilise l'étiquette mx, et le texte de petite taille (textSize: 11) semble clair. Après avoir changé de composant sur l'étiquette de l'étincelle, le texte semble flou, pas trop clair. Im intégrer la police de mon système. Le nom de police est Tahoma. Changer des valeurs comme cffHinting ne me donne aucun résultat. J'utilise flashDevelop, mais le même résultat dans IDEA et FlashBuilder. Je ne peux pas poster bicouse screenShot de mon petit niveau de réputation. Aidez-moi s'il vous plaît trouver la bonne solution.

@namespace s "library://ns.adobe.com/flex/spark"; 
@namespace mx "library://ns.adobe.com/flex/mx"; 
@font-face{ 
    src:url("Tahoma.ttf"); 
    font-family:TahomaS; 
    embedAsCFF: true; 
} 

@font-face{ 
    src:url("Tahoma.ttf"); 
    font-family:TahomaMX; 
    embedAsCFF: false; 
} 

s|Label 
{ 
    font-family:TahomaS; 
    font-size:11; 
    color: #5c5c5c; 
} 

mx|Label 
{ 
    font-family:TahomaMX; 
    font-size:11; 
    color: #5c5c5c; 
} 

et le code de Main.mxml:

<?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"> 

    <fx:Style source="Fonts.css"/> 

    <s:Label x="50" y="50" text="XYZ Corporation Directory" cffHinting="none" /> 
    <mx:Label x="50" y="65" text="XYZ Corporation Directory" /> 

</s:Application> 

Answer 1

Je pense que l'effet flou et le changement de texte de l'étiquette de taille est parce que votre compilateur Flex ne peut pas localiser la police spécifiée, il utiliser la valeur par défaut Police de caractère.

1 - utilisation locale() pour localiser la police locale comme ceci:

@font-face { 
     src: local("Tahoma"); 
     fontFamily: "TahomaS"; 
     embedAsCFF: true; 
    } 

    s|Label { 
     fontFamily: "TahomaS"; 
     fontSize: 44; 
    } 

2 - créer un fichier de configuration flex -police locale-config.xml dans votre src/dossier et indiquez votre chemin de police :

<?xml version="1.0" encoding="utf-8"?> 
<flex-config> 
    <compiler> 
     <fonts> 
      <local-font-paths> 
       <path-element>/System/Library/Fonts/</path-element> 
      </local-font-paths> 
     </fonts> 
    </compiler> 
</flex-config> 

3- donner à votre compilateur flex l'emplacement de votre fichier de configuration:

-load-config+=local-font-config.xml 

... Je pense que la meilleure façon d'utiliser des polices est de l'utiliser comme ressources du projet, de sorte que vous éviter des configurations supplémentaires Il suffit de créer un src/assets/polices dossier dans votre projet et mettre dans vos polices

et dans votre fichier css faire ceci:

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

    s|Label { 
     fontFamily: "TahomaS"; 
     fontSize: 44; 
    }