·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]Flash嵌入字体的进阶方法

时间:2015-12-18 09:16酷播
关于如何在Flash应用中嵌入字体,这个话题一直都是一个焦点。最简单的,打开Flash, 新建一个动态文本,选择字体,然后在 Embed Characters里选择或者添加需要嵌入的字符。

关于如何在Flash应用中嵌入字体,这个话题一直都是一个焦点。最简单的,打开Flash, 新建一个动态文本,选择字体,然后在 Embed Characters里选择或者添加需要嵌入的字符。
比较复杂的是下面两种在Flash Builder里分别针对Flex与Action Script项目的嵌入方法。

Flex项目
使用css格式swf文件:
css文件定义如下例

  1. @font-face{
  2.         src:url(“xxx.ttf”);
  3.         font-family:xxx;
  4.         unicodeRange:
  5.         U+0041-U+005A, /* Upper-Case [A..Z] */
  6.         U+0061-U+007A, /* Lower-Case a-z */
  7.         U+0030-U+0039 /* Numbers [0..9] */,
  8.         …..}
复制代码

然后用mxmlc将css发布成swf文件,用StyleManager.loadStyleDeclarations([url])来调用,调用成功后就可以获取字体信息。

Flash项目
使用Embed标签

  1. [Embed (source="xxx.ttf",fontFamily="xxx", unicodeRange="..." )]
  2. private var myFontClass:Class;
  3. Font.registerFont(myFontClass)
复制代码

前种方法的好处在于运行时加载字体信息,但是和后种方法一样,缺点在于使用unicodeRange并不能很好的编辑所要嵌入的字符。下面我重点来介绍一下我最提倡的运行时载入字体的方法:
1,建立字体库flash文件(如font_lib.fla),使用最简单的方法,打开flash,在舞台上建立文本并且手动添加字符集。
2,建立一个AS作为Application, 比如font_zh.as     核心代码如下:

  1. [Embed (source="font_lib.swf",  fontName="xxxx")]
  2. private var fontClass:Class;
  3. //这里注意字体名xxx要与font_lib.fla里的文本所使用的字体名一致。
  4. ….
  5. Font.registerFont(fontClass)
复制代码


3,建立css文件,如style.css:

  1. headline{
  2.     font-family:’xxx’
  3.     font-size:20
  4. }
复制代码


4,运行时载入style.css,用StyleSheet来初始化:

  1. var tmpStyleSheet: StyleSheet = new StyleSheet();
  2. tmpStyleSheet.parseCSS(参数为css的内容);
复制代码


5,载入font_zh.swf后,便可以使用字体了,如:

  1. var tf:TextField = new TextField();
  2. tf.styleSheet = tmpStyleSheet;
  3. tf.embedFonts = true;
  4. tf.htmlText = “<headline>” + “This is a headline” + “</headline>”
复制代码


这样的方法,好处很多,既可以运行时载入字体文件,又可以很方便的修改需要嵌入的字符。
唯一的也是始终都无法避免的问题,就是无法运行时定义嵌入字符,无法避免每次修改字符集后都要手动更新字库。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器