Embedded Font Face Inline

          

<!--
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/

-->



<!-- fonts/EmbeddedFontFaceInline.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Style>
        @font-face { 
            src:url("a.ttf"); 
            fontFamily: myFontFamily;
            embedAsCFF: true; 
        }
    </fx:Style>
    <s:Panel title="Embedded Font Applied Inline">
        <s:VGroup fontFamily="myFontFamily">
            <s:Button label="Click Me" />
            <s:Label text="This is a Label." />
            <s:RichText width="200" fontFamily="myFontFamily">
                <s:text>
                    The text in the RichText control is Myriad Web Pro.
                </s:text>
            </s:RichText>
        </s:VGroup>
    </s:Panel>
</s:Application>

Related examples in the same category

1.	Point to defined ranges with unicodeRange attribute of @font-face declaration
2.	Set device font
3.	Embed a.ttf font file
4.	Apply embedded font inline
5.	Change font size with CSS
6.	Embedding a font by specifying a filename
7.	Reuse the embedded font inside other style definitions
8.	Set fontFamily style property in MXML
9.	Use tag
10.	define the fontSize property with a value of 20 pixels
11.	Sub Component Inheritance for font size style
12.	Define fontSize, an inheritable property, to the global selector
13.	Fonts are inheritable style properties
14.	Embed fonts by location by using the [Embed] tag syntax
15.	Embed same font for different character ranges
16.	Setting ranges in font-face declarations
17.	List embedded fonts
18.	Specify fontWeight and fontStyle in the @font-face and selector blocks
19.	Load font from ttf file and use it in style
20.	Add font weight to embedded font
21.	Define and use font face
22.	Set unicode range for font face
23.	Font face and font family
24.	Make maxFontSize and minFontSize properties that you defined as variables usable
25.	Use embedded fonts for your axis titles
26.	Embed Font with ActionScript
27.	Use Embedded Fonts
28.	Determine All Fonts Installed on a User's Computer
29.	Style for embedded font
30.	The use of the tag
31.	Embed Font
32.	Set the fontSize to 15 and the color to 0x9933FF
33.	selector defines the fontSize as x-small
34.	Device Font
35.	Use myFontFamily, the value of the fontFamily property, as the font in the VGroup type selector
36.	Embedded Font Face with ActionScript By Location
37.	Detecting Embedded Fonts
38.	Enumerate Fonts
39.	Embedded Font Character Range
40.	Embed same font twice, each time restricting the font to different character ranges.
41.	Emebedded font families
42.	Embed both a non-CFF version and a CFF version of the font
43.	Apply boldface or oblique type to controls inline
44.	Multiple Faces
45.	Apply Multiple Faces Inline

Embedded Font Face Inline : Font « Graphics « Flex

Related examples in the same category