【问题标题】:Flash AS3 font / stylesheet displaying improperlyFlash AS3 字体/样式表显示不正确
【发布时间】:2011-03-11 18:27:42
【问题描述】:

我一生都无法弄清楚为什么这不起作用。我在 Flash 中创建了一个 swf,其中包含我想与单独 swf 中的样式表一起使用的字体。样式表和字体在另一个静态放置在舞台上的文本字段中工作正常。但是,当我尝试在舞台上动态放置文本字段时,它不起作用。唯一显示的是跨度为 .gbold 类的文本。

这是我的代码:

function vidLoaded (e:LoaderEvent){ 


        var vidText:TextField = new TextField();

        vidText.autoSize = TextFieldAutoSize.LEFT;
        vidText.x = textX;
        vidText.y = textY;
        vidText.multiline = true;
        vidText.wordWrap = true;
        vidText.width = fieldWidth;
        vidText.height = fieldHeight;
        vidText.textColor = 0xFFFFFF;
        vidText.styleSheet = textStyleSheet;
        vidText.htmlText = project_array[cp].project_content;
        trace (vidText.htmlText);
        vidText.embedFonts = true;

        container.fileHolder.addChildAt(vid,0);
        container.fileHolder.addChildAt(vidText,1); 
    }

vidText.htmlText 的踪迹确认所有内容都正确包装在 CDATA 标记中,并且格式似乎正确。这是我的样式表:

* { font-family:Gotham-Book; color: #ffffff; }
.gbold {font-family:Gotham-Bold;}
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; text-align:center;}
#flashContent { width:100%; height:100%;  }

这是 vidText.htmlText 的踪迹:

<div class="content"><p>
    <span class="gbold">Lorem ipsum dolor sit amet</span>, consectetur adipiscing elit. Proin venenatis lorem et lorem dapibus eu porta est ornare.</p>

</div>

有人知道我做错了什么吗?我已经被困在这个问题上太久了。

【问题讨论】:

    标签: flash actionscript-3 fonts stylesheet embedding


    【解决方案1】:

    您正在使用嵌入字体,而 Gotham-Book 字体未正确嵌入。 Gotham-Bold 是,这就是为什么只显示带有 .gbold 的文本的原因。要测试这是否是问题所在,只需设置“embedFonts = false”,您应该会看到您的文字显示出来。

    关于字体嵌入的问题,前不久我写了一篇很长的博文:http://divillysausages.com/blog/as3_font_embedding_masterclass

    我必须使用 Flex 中的样式表嵌入来更新它,但那里应该有你需要的东西。至少,帖子底部有一些非常有用的链接,可以满足您的需求。

    【讨论】:

    • 谢谢-这对隔离问题很有帮助-我认为字体实际上已正确嵌入-关闭 embedFonts 使所有内容都像您说的那样显示,但是将 Gotham-Bold 切换到 Gotham-Book in styleshhet 中的 .gbold 声明实际上使 span 显示为 Gotham Book font ,所以问题是,由于某种原因,flash 无法识别 .content 类并对其应用样式。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-31
    相关资源
    最近更新 更多