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

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Container » Application StyleScreenshots 
Use to embed a font in the Flex application
Use <mx:Style> to embed a font in the Flex application
            
<!--
Code from Flex 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 
  (1proper attribution to Adobe is given as the owner of the user guide; and 
  (2any 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-facesrc: 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
w___ww___.__j_av__a__2s.__c_o__m__ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.