Use to embed a font in the Flex application : Application Style « Container « Flex






Use to embed a font in the Flex application

Use <mx:Style> to embed a font in the Flex application
            
<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->
<!-- charts/RotateAxisLabels.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        import mx.collections.ArrayCollection;
        [Bindable]
        public var expenses:ArrayCollection = new ArrayCollection([
            {Month: "Jan", Profit: 2000, Expenses: 1500},
            {Month: "Feb", Profit: 1000, Expenses: 200},
            {Month: "Mar", Profit: 1500, Expenses: 500}
            ]);
      </mx:Script>
    <mx:Style>
        @font-face{ src: url("a.ttf"); fontFamily: myMyriad; } ColumnChart {
        fontFamily: myMyriad; fontSize: 20; }
    </mx:Style>
    <mx:Panel>
        <mx:ColumnChart id="column" dataProvider="{expenses}">
            <mx:horizontalAxis>
                <mx:CategoryAxis dataProvider="{expenses}" categoryField="Month"
                    title="FY 2006" />
            </mx:horizontalAxis>
            <mx:horizontalAxisRenderer>
                <mx:AxisRenderer labelRotation="45" />
            </mx:horizontalAxisRenderer>
            <mx:verticalAxisRenderer>
                <mx:AxisRenderer labelRotation="45" />
            </mx:verticalAxisRenderer>
            <mx:series>
                <mx:ColumnSeries xField="Month" yField="Profit"
                    displayName="Profit" />
                <mx:ColumnSeries xField="Month" yField="Expenses"
                    displayName="Expenses" />
            </mx:series>
        </mx:ColumnChart>
        <mx:Legend dataProvider="{column}" />
    </mx:Panel>
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Set border style to solid for ApplicationSet border style to solid for Application
2.Application style aligns application to leftApplication style aligns application to left
3.Application style removes marginsApplication style removes margins
4.Application style sets background image to be emptyApplication style sets background image to be empty
5.Set Application style name to plain
6.Override the Default Application Style
7.style for application
8.Add padding to ApplicationAdd padding to Application
9.White application backgroundWhite application background
10.Set width and height for ApplicationSet width and height for Application
11.Set application backgroundSet application background