Flex中如何用local()函数代替src()嵌入字体的例子

By Minidxer | October 16, 2008

接下来的例子演示了Flex中如何用local()函数代替src()嵌入字体。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white"
  6.         applicationComplete="init();">
  7.  
  8.     <mx:Style>
  9.         @font-face {
  10.             src:local("Arial");
  11.             fontFamily: ArialEmbedded;
  12.         }
  13.  
  14.         @font-face {
  15.             src:local("Arial");
  16.             fontFamily: ArialEmbedded;
  17.             fontWeight: bold;
  18.         }
  19.     </mx:Style>
  20.  
  21.     <mx:Script>
  22.         <![CDATA[
  23.             private var bTotal:Number;
  24.  
  25.             private function init():void {
  26.                 bTotal = Application.application.loaderInfo.bytesTotal;
  27.                 /* Convert from bytes to kilobytes. */
  28.                 lbl.text = (bTotal / 1024).toFixed(2) + " KB";
  29.             }
  30.         ]]>
  31.     </mx:Script>
  32.  
  33.     <mx:ApplicationControlBar dock="true">
  34.         <mx:Label id="lbl" />
  35.     </mx:ApplicationControlBar>
  36.  
  37.     <mx:ProgressBar id="progressBar"
  38.             label="Loading Flex Application"
  39.             labelPlacement="center"
  40.             fontFamily="ArialEmbedded"
  41.             rotation="15"
  42.             indeterminate="true"
  43.             themeColor="haloSilver" />
  44.  
  45. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Font | 1 Comment » | Tags: , ,

Search Posts