Flex中通过设定fontFamily和fontWeight样式在TabBar控件中使用嵌入字体的例子

前面不少例子都演示过fontFamily的用法了，接下来的例子演示了Flex中如何通过设定fontFamily和fontWeight样式，在TabBar控件中使用嵌入字体。

让我们先来看一下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">
7.     <mx:Style>
8.         @font-face {
9.             src: local("Base 02");
10.             fontFamily: EmbeddedBase02;
11.             fontWeight: bold;
12.         }
13.     </mx:Style>
15.     <mx:VBox id="vBox"
16.             verticalGap="0"
17.             width="320"
18.             height="200">
19.         <mx:TabBar id="tabBar"
20.                 dataProvider="{viewStack}"
21.                 fontFamily="EmbeddedBase02"
22.                 width="100%" />
23.         <mx:ViewStack id="viewStack"
24.                 width="100%"
25.                 height="100%"
26.                 backgroundColor="white">
27.             <mx:VBox label="One">
28.                 <mx:Label text="one..." />
29.             </mx:VBox>
30.             <mx:VBox label="Two">
31.                 <mx:Label text="two..." />
32.             </mx:VBox>
33.             <mx:VBox label="Three">
34.                 <mx:Label text="three..." />
35.             </mx:VBox>
36.             <mx:VBox label="Four">
37.                 <mx:Label text="four..." />
38.             </mx:VBox>
39.             <mx:VBox label="Five">
40.                 <mx:Label text="five..." />
41.             </mx:VBox>
42.         </mx:ViewStack>
43.     </mx:VBox>
45. </mx:Application>