zoukankan      html  css  js  c++  java
  • 使用Embed标签在AS3项目中嵌入字体

    转载:http://zengrong.net/post/1438.htm  

    zrong's Blog

    关于嵌入字体,其实Embed fonts这篇文章已经很详细的介绍了。但这篇文章有这样几个问题:

    1. 它是针对Flex开发者的,纯AS开发者看起来未免不爽;
    2. 没有讲解怎么使用在Flash IDE中嵌入的字体;
    3. 嵌入字体就那么点东西,其实不值得花功夫读这一大篇鸟语(介是偷懒……)

    那我就把要点总结下……

    配合Flash IDE使用

    我现在开始讨厌Flash IDE,因为它实在太慢,而且跳版本不兼容。但如果希望可视化的控制嵌入的字体中的文本,还必须使用Flash CS5。

    下面是Flash CS5嵌入字体的两张截图。

    选择要嵌入的文本

    这个界面很直观,但其实我们可以用更直观的方式(控制unicodeRange的方式,当然,这个“直观”只是对程序员来说),后面会讲到。

    选择要嵌入的方式

    图中的“传统”和“TLF”分别对应你的字体是用于TextField还是用于FlashPlayer 10支持的FTE引擎。这两者是互斥的,不能选错。

    如果在输出属性面板中选择的目标是Flash Player 9,那么在这里是不能选择嵌入方式的。

    输出后的swf,使用下面的语法嵌入:

    ?View Code ACTIONSCRIPT
     
    1
    2
    
    [Embed(source="myFont.swf",fontFamily="04b_08"]
    public var myFont:Class;

    其中的 fontFamily就是双击嵌入的字体打开的的字体预览中显示的全名。例如,微软雅黑的fontFamily的值为 Microsoft YaHei

    这里要注意的是,不要使用这种错误的语法来嵌入字体:

    ?View Code ACTIONSCRIPT
     
    1
    2
    
    [Embed(source="myFont.swf",symbol="MyFont"]
    public var myFont:Class;

    这种语法一般会得到一个编译错误,因为 MyFont并不是一个Symbol,这种语法只能用于在Flash IDE中导出的MovieClip或者图像、声音等资源。

    在纯AS3项目中嵌入字体

    如果你和我一样讨厌Flash IDE的话,那不如直接在AS3代码中嵌入TTF字体好了,语法如下:

    ?View Code ACTIONSCRIPT
     
    1
    2
    3
    
    [Embed(source="04b_08__.ttf",fontName="04b_08",embedAsCFF="false",unicodeRange="U+0020,U+0041-005A,U+0020,U+0061-007A,U+0030-0039,U+002E,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E")] 
    public var Font04b08:Class;
    public var myFont:Class;

    这一串代码代表的含义是:

    使用传统方式(就是上面图2中提到的“传统”)嵌入字体名为04b_08的TTF字体中的英文、数字和标点符号,包含大小写。

    来看看这四个常用参数的作用吧:

    • source 指定要嵌入的字体文件路径。还可以用 systemFont指定一个系统中安装的字体。这样的话就可以不需要 source参数了。
    • fontName 这个实际上就是 fontFamily 的别名。
    • embedAsCFF 如果不提供这个参数,默认就是true。所以,如果系统你嵌入的字体用于TextField,一定要将其设置为false。
    • unicodeRange 要嵌入的文本的范围。见下表:

    嵌入字体范围:

    • 大写字符 U+0020,U+0041-U+005A
    • 小写字符 U+0020,U+0061-U+007A
    • 数字 U+0030-U+0039,U+002E
    • 标点符号 U+0020-U+002F,U+003A-U+0040,U+005B-U+0060,U+007B-U+007E
    • 基本拉丁字符 U+0020-U+002F, U+0030-U+0039, U+003A-U+0040, U+0041-U+005A, U+005B-U+0060, U+0061-U+007A, U+007B-U+007E

    当然,还有中文范围等等,详细的可以找到你本机的 FlexSDK/frameworks/flash-unicode-table.xml 看看就明白了。还可以参考Setting character ranges

    那么,怎样制作一个只有嵌入字体数据的swf文件呢?有两种方法:

    第一种,使用下面的范例代码。下面的代码嵌入了两个字体,使用的范围和上面的例子一样。

    有趣的是,如果你在嵌入字体的这个SWF文件中使用嵌入的字体(额……我知道有点拗口),你不需要注册这个字体。如果查看注册字体列表,你会发现它已经注册过了。运行下面的代码就知道了。

    ?View Code ACTIONSCRIPT
     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    
    package
    {
    import flash.display.Sprite;
    import flash.text.Font;
    public class fonts extends Sprite
    {
        [Embed(source="04b_08__.ttf",fontName="04b_08",embedAsCFF="false",unicodeRange="U+0020,U+0041-005A,U+0020,U+0061-007A,U+0030-0039,U+002E,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E")] 
        public var Font04b08:Class;
        [Embed(source="Frabk.ttf",fontFamily="Franklin Gothic Book",embedAsCFF="false",unicodeRange="U+0020,U+0041-005A,U+0020,U+0061-007A,U+0030-0039,U+002E,U+0020-002F,U+003A-0040,U+005B-0060,U+007B-007E,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E")] 
        public var FontFrabk:Class;
     
        public function fonts()
        {
            var __fontArr:Array= Font.enumerateFonts(false);
            //Font.registerFont(myFont);
            for each(var __font:Font in __fontArr)
                trace(__font.fontName, __font.fontType);
        }
    }
    }

    第二种,使用Flex SDK提供的fontswf工具,这个工具位于 FlexSDK/bin文件夹下,是JAVA开发的命令行工具。具体用法和参数与Embed类似,看Using the fontswf utility就清楚了。

    载入外部的字体文件

    当然,你不应该载入ttf文件。应该先使用上面介绍的方法把字体做成swf文件,然后载入。

    使用Loader载入外部的swf文件后,需要获取到该swf中嵌入的字体的Class,然后使用 Font.registerFont注册这个字体,注册成功后就可以使用了。

    获取swf中嵌入的字体的Class,也有两种方法:

    第一种,载入成功后,使用Loader.content获取到载入的swf的root,然后直接通过该swf中定义的public变量获取到类定义:

    ?View Code ACTIONSCRIPT
     
    1
    2
    3
    4
    5
    
        var __font:* = _loader.content;
        trace('04b08:', __font.Font04b08);
     
        Font.registerFont(__font.Font04b08);
        Font.registerFont(__font.FontFrabk);

    第二种,载入成功后,使用 ApplicationDomain.getDefinition 获取嵌入的字体类,类的名称是“源文件类名_嵌入目标变量名称”:

    ?View Code ACTIONSCRIPT
     
    1
    2
    3
    
        var __fontClass:Class = _loader.contentLoaderInfo.applicationDomain.getDefinition("fonts_Font04b08") as Class;
        trace('class:',__fontClass);
        Font.registerFont(__fontClass);

    在使用外部字体swf文件的时候,如果自身又被另一个swf载入,情况就变得非常复杂,需要设置应用程序域和系统安全域。简单的说,就是要遵循以下两条原则:

    • 如果自己被父SWF载入,那么应用程序域就必须设置成当前域或者是子域才行
    ?View Code ACTIONSCRIPT
     
    1
    2
    
        var __loaderContext:LoaderContext = new LoaderContext(true, ApplicationDomain.currentDomain);
        _loader.load(new URLRequest('fonts_local.swf'),  __loaderContext);
    • 如果载入的字体swf与发起载入的swf不在一个网域,就需要将安全域设定为当前安全域
    ?View Code ACTIONSCRIPT
     
    1
    2
    
        var __loaderContext:LoaderContext = new LoaderContext(true, ApplicationDomain.currentDomain, SecurityDomain.currentDomain);
        _loader.load(new URLRequest('fonts_local.swf'),  __loaderContext);

    但是,如果子域和父域有同名包、同名类、同名方法,那么就要注意了,使用当前应用程序域或者子域会让你程序的结构变得一团糟,甚至可能会产生命名空间冲突。而这种冲突给出的运行时错误提示基本让你没法查出错误在哪里。

    要理解这块的纠结之处,最好的办法是下载我的范例程序自已调试把!

  • 相关阅读:
    java设计模式9.备忘录模式、访问者模式、调停者模式
    java设计模式8.迭代子模式、责任链模式、命令模式
    java设计模式7.策略模式、模板方法模式、观察者模式
    java设计模式5.组合模式、门面模式、享元模式、桥接模式
    java设计模式4.适配器模式、装饰器模式
    第6章 事务管理 6.1 spring事务
    第8章 浏览器对象模型BOM 8.1 window对象
    关于Socket、TCP/IP、HTTP、FTP及网络编程
    GO.Web服务
    git clone 下载慢
  • 原文地址:https://www.cnblogs.com/as3developer/p/2879223.html
Copyright © 2011-2022 走看看