This component requires that the embedded font be declared with embedAsCFF=false.

Question

I'm getting the following warning for my project.
"warning: incompatible embedded font 'MyFont' specified for views::MyViewInnerClass0 (MyViewInnerClass0_61) . This component requires that the embedded font be declared with embedAsCFF=false."
Here's what I have in my style.css file.
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace supportClasses "spark.globalization.supportClasses.*";
@namespace views "views.*";
@font-face {
          src: url("assets/MyFont.ttf");
  fontFamily: "MyFont";
  advancedAntiAliasing: true;
  embedAsCFF: true;
@font-face {
          src: url("assets/MyFont.ttf");
  fontFamily: "MyFont";
  advancedAntiAliasing: false;
  embedAsCFF: false;
The 2nd font section I have is what is suggested as the fix in most places but that isn't working out for me. I wonder if I'm missing something else.

Answer 1

I tried changing the name and it didn't work. Tried all sort of combinations too and none worked. Tried a different font and that didn't work too.
Turns out the problem wasn't in the declaration of the fonts but where I was using it.
I initially had the font declared globally
global
   fontFamily: DroidSansMono;
I saw that, in your comment you had mentioned "..then apply it to the component" so I applied the font to the label component
s|Label
  fontFamily: DroidSansMono;
and boom.. no warning. Problem solved.
Thanks so much.