title: flex: how do embed fonts in spark and mx?
body: <p>My flex (4.5) application uses MX and Spark components.
  I want to embed Arial fonts and I a mgetting crazy: it works for either Spark components, either for MX components but never for both.</p>
  
  <p>Sometimes some components just diseappear, or both are bold etc !</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%"  layout="absolute" xmlns:s="library://ns.adobe.com/flex/spark"&gt;
  &lt;mx:Style&gt;
      @namespace mx "library://ns.adobe.com/flex/mx";
      @namespace s "library://ns.adobe.com/flex/spark";
      @font-face { 
          src: url("c:/windows/fonts/arial.ttf"); 
          fontFamily: Arial; 
          fontWeight:normal;
          embed-as-cff: true;
  
      }
      @font-face {
          src: local("Arial");
          font-weight: normal;
          fontFamily: Arial;
          fontStyle:normal;
          embed-as-cff:false;         
      }
      @font-face {
          src: local("Arial");
          fontFamily: Arial;
          fontWeight:bold;
          fontStyle: normal;
          embed-as-cff:false;
      }
  &lt;/mx:Style&gt;
  &lt;mx:Label x="177" y="160" text="mx|normal"/&gt;
  &lt;mx:Label x="177" y="201" fontWeight="bold" text="mx|bold"/&gt;    
  &lt;s:Label x="182" y="235" text="S|normal"/&gt;
  &lt;s:Label x="182" y="278" text="S|bold" fontWeight="bold"/&gt;
  </code></pre>
  
  <p>   </p>