Sparks inside mx element will not display inline font

Question

I recently converted a Flex3 AIR project to Flex4, so now it uses Flex4.1 sdk and <s:WindowedApplication>. This is a large project and painstakingly updated all the vital bits of code for working with Flex4, which is now happliy compiled.

Most of the components in the project are divided into quite a few generations of the mx-based component, so I have not updated this yet to spark due to the workload. The problem I am facing is that I cannot get the inline font to work for the spark components that I now add to my mx components.

For example, I edited one of my (based on mx) components and added some elements to it. My inline font must have embedAsCFF = false in order for it to work for my mx components. Therefore, to make it embed in a spark, I just have to embed it again with embedAsCFF = true, as shown below:

@font-face
{
    src: url("assets/fonts/MyriadWebPro.ttf");
    font-family: mainWithCFF;
    font-style: normal;
    font-weight: normal;
    font-anti-alias-type: "advanced";
    embedAsCFF: true;
}

s|Label{
    font-family: mainWithCFF;
}

I tried the basic example of this that Adobe offers, and this example works fine, but it does not work in my complex project. I get no errors, but instead of the spark component using MyriadWebPro, Times is used by default.

, , mx, . , , mx ? , - , mx , ?

Answer 1

MX (Halo), , embedAsCFF .

Spark AsCFF: true.

, , Anti Aliasing .

:

@font-face
{
    font-family: "Myriad Web Pro";
    src: url("./assets/fonts/MyriadWebPro.ttf");
    font-weight: normal;
    embedAsCFF: true;  /* Spark */
    advancedAntiAliasing: true;
    unicodeRange: 
        U+0041-U+005A, /* Upper-Case [A..Z] */
        U+0061-U+007A, /* Lower-Case a-z */
        U+0030-U+003F, /* Numbers [0..9] */
        U+0020-U+002F, /* Space + Punctuation [ !"#$%&'()*+,-./ ] */
        U+003A-U+0040; /* Special Chars [ :;?@ ] */
}

MX Halo :

@font-face
{
    font-family: "Myriad Web Pro";
    src: url("./assets/fonts/MyriadWebPro.ttf");
    font-weight: normal;
    embedAsCFF: false;  /* Halo */
    advancedAntiAliasing: true;
    unicodeRange: 
        U+0041-U+005A, /* Upper-Case [A..Z] */
        U+0061-U+007A, /* Lower-Case a-z */
        U+0030-U+003F, /* Numbers [0..9] */
        U+0020-U+002F, /* Space + Punctuation [ !"#$%&'()*+,-./ ] */
        U+003A-U+0040; /* Special Chars [ :;?@ ] */
}