Flash嵌入字体的进阶方法

2015-08-18 15:04:08来源:作者:人点击

第七城市

关于如何在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>”


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

第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台