Flash：TextField字体不显示/文字不显示/文字丢失

节约大家时间，先说结论：

1、是否文字中包含了\r\n等字符，flash中，\r和\n都会换行。需要过滤掉其中1个

 

2、是否文本框大小不够，文字被挤到下一行了。设置单行、多行

 

3、TextField使用了抗锯齿，需要嵌入字体，但动态变化的文字并不在嵌入的文字中。这个具体不说了，不懂的就得回去补课了。

 

4、是否文本框使用嵌入字体，但需要显示的文字却又没有包含在字体中。

     还有一种比较特殊的情况，就是嵌入了2个字体（例如两个swc），重复导入了同样的字体，较小的那一个可能覆盖了大的那个。导致无法显示。

 

5、最后最奇葩。。。嵌入swf到html中时，是否没有设置wmode节点。尝试调整wmode，试试window、opaque、transparent。

     主要是有可能在某些webkit下出现问题（例如qq客户端自带的），出现文本变白，跟背景混在一起。

 

 

=======================================================

 

 

关于第4点，这里是非常奇怪的现象，需要做个实验来给大家说明一下。另外可以参考yboy的文章：http://riaoo.com/?p=2401

如果flash程序嵌入了多个swc，而这些swc如果嵌入一样的字体会导致冲突。

如果两个嵌入的字还不相同，貌似flash builder会倾向于只保留少的那个。但反正不能允许这种情况出现了。

 

实验验证：

1、首先做两个fla，导出swc和swf，一个叫font1，一个叫font2，分别嵌入“一二三四”和“一二三四五六”。需要注意的是，动态文本写死的那几个字，也会自动被嵌入（如果不是选“设备字体”）。

　　SWF的结构：场景中放一个元件，元件导出as链接，元件的子元件是TextField

 

2、编写fb代码，如下所示，实现三种加载方式。

              [ Embed(source= "../lib/font1.swf" )]
               private var Font1:Class;
              [ Embed(source= "../lib/font2.swf" )]
               private var Font2:Class;

               public function Test2()
              {
                      //第一种嵌入方式（运行时加载swf）
                      var loader1:Loader = new Loader();
                     loader1.load( new URLRequest("font1.swf"), new LoaderContext(false , ApplicationDomain.currentDomain));
                     addChild(loader1);

                      var loader2:Loader = new Loader();
                     loader2.load( new URLRequest("font2.swf"), new LoaderContext(false , ApplicationDomain.currentDomain));
                     addChild(loader2);
                     loader2.x = 300;

                     setTimeout( function():void{
                            TextField(MovieClip(MovieClip(loader1.content). getChildAt(0)).getChildAt (0)).text = "一二三四五六" ;
                            TextField(MovieClip(MovieClip(loader2.content). getChildAt(0)).getChildAt (0)).text = "一二三四五六" ;
                     }, 1000);

                      //第二种嵌入方式（加入swc）
                      var text1:MovieClip = new TestFont1();
                     addChild(text1);
                     text1.y = 50;
                     TextField(text1. getChildAt(0)).text = "一二三四五六";
                      var text2:MovieClip = new TestFont2();
                     addChild(text2);
                     text2.x = 300;
                     text2.y = 50;
                     TextField(text2. getChildAt(0)).text = "一二三四五六";

                      //第三种嵌入方式（编译时嵌入swf）
                      var text3:MovieClip = new Font1();
                     addChild(text3);
                     text3.y = 100;
                      var text4:MovieClip = new Font2();
                     addChild(text4);
                     text4.x = 300;
                     text4.y = 100;
                     setTimeout( function():void{
                            //text3是封装的一个壳，子元件是loader，loader里边才是这个swf
                            Object(text3).getChildAt(0).content. getChildAt(0).getChildAt(0).text = "一二三四五六" ;
                            Object(text4).getChildAt(0).content. getChildAt(0).getChildAt(0).text = "一二三四五六" ;
                     }, 1000);

 

上述代码会产生这样的效果：（第一行是load swf的方式，第二行是直接引入swc再编译，第三行是嵌入swf）

 

我们看第一行和第三行，font1因为只嵌入了“一二三四”，所以无法显示“五六”，但font2没有受到影响。但第二行，font1和font2都只能显示“一二三四”，这里边定有乾坤。

 

反编译结果swf可以发现，引入swc的方式，虽然fb还是生成了两个字体，但是实际运行的时候，只索引了第一个字体，第二个就被忽略了，所以“五六”没有显示。

 

 

根据yboy的记录，我这里尝试把font1的TextField设置为“设备字体”，情况更极端了。

（第二行）font1直接嵌入了一个没有字的字体，导致font2完全不显示的。正如yboy说的，“嵌入了一个没有字的字体和没有嵌入字体是大大不同的”。没有嵌入字体就不会影响font2了，正是font1嵌入了字体，但却不带任何字，导致问题发生。

 

避免这个问题的方式：

1、改为加载多个swf的方式，不要引入多个swc；

2、如果必须引入多个swc，约定只在一个swc中嵌入字体；

3、最根本！避免这种动态修改文字的方式，改为换一帧，或者换个图片。