Flex4 Embed Font

Flex4中绑定字体比纯As3项目中绑定字体来的简单，并且优雅的很多。

 

1·下载需要的字体文件（使用时需注意许可权限）

 

2·放在主项目工程 labs/font 目录下

 

3·插入如下代码

MXML语言:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               minWidth="100"
               minHeight="100" width="168" height="113">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/halo";
        @font-face{
            src : url(../libs/font/BaroqueScript.ttf);
            font-family : baroqueScript
        }
    </fx:Style>
    <s:Button x="10" y="39" label="Tunied" fontFamily="baroqueScript" width="135" height="50"/>
    <s:Button x="41" y="10" label="Tunied"/>
</s:Application>

 

 

代码简单并且优雅，仅需要在<Style>中插入@font-face 即可.

 

Demo