Flex中通过设置fontFamily和labelStyleName样式在HSlider控件中使用嵌入字体的例子

和前面的 Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子以及 Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子类似，接下来的例子演示了Flex中通过设置fontFamily和labelStyleName样式，在HSlider控件中使用嵌入字体。

让我们先来看一下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.         }
13.         .sliderLabelStyleName {
14.             fontFamily: EmbeddedBase02;
15.         }
16.     </mx:Style>
18.     <mx:HSlider id="slider"
19.             minimum="0"
20.             maximum="20"
21.             value="0"
22.             labels="[0,5,10,15,20]"
23.             snapInterval="1"
24.             tickInterval="1"
25.             liveDragging="true"
26.             labelStyleName="sliderLabelStyleName"
27.             width="200" />
29. </mx:Application>