css - Adobe Flex 3 到 Flex 4 : Rotated Text Disappears on Embedded font

Question

我最近将一个 Flex 3 元素升级到 Flex 4“仅 MX”，在升级之前，我有一些旋转的文本现在无法呈现。我使用以下声明在我的 CSS 样式表中嵌入了字体(“Verdana”):

/* CSS file */
@namespace mx "library://ns.adobe.com/flex/mx";

@font-face
{
    fontFamily: Verdana;
    src: url(VERDANA.TTF);
}
mx|global
{
    fontFamily: Verdana;
    fontSize: 12;
    fontWeight: normal;
}

我已将我的 .TTF 文件放在元素/assets/VERDANA.TTF 中，甚至将其与其他 .TTF 文件交换以确保字体已嵌入。

问题是我的旋转文本不再呈现。从字面上看，除了 rotation="0"之外的任何内容都无法在屏幕上显示。我认为可能是使用系统字体名称“verdana”导致了问题，所以我将其更改为“MyVerdana”并验证该名称不是导致问题的原因。

我用 rotationX="-10"代替了旋转，我确实看到文本向后倾斜，但是当我再次尝试 rotationY 或 rotationZ 时，文本消失了。

如果有人有任何智慧之言、建议或有用的提示，我很想知道我是否做错了什么。这是我的代码:

 <mx:Text text="Something that looks much better with a slight incline"
 rotation="-10"/>

我知道 TLF 发生了变化，但我没有使用任何 spark 类(并且必须对元素的某些部分进行返工)。谢谢大家。

Answer 1

嵌入字体的方式在 3 和 4 之间发生了变化。您确定嵌入和显示的是 Verdana 字体，而不是默认字体吗？这是文档中有关 4 中字体嵌入的一些信息。我认为您可能需要注意 embedAsCFF 属性，您可能希望将其设置为 false。希望对您有所帮助。

http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7f5f.html