在 Adobe flex 4 中使用 Font Awesome答案

【问题标题】：Using Font Awesome in Adobe flex 4在 Adobe flex 4 中使用 Font Awesome
【发布时间】：2015-06-18 09:35:04
【问题描述】：

如何在 adobe flex 4 中使用字体真棒图标以及如何在字体真棒图标中设置样式。
如何在 adobe flex 中将按钮标签文本设置为图标。

【问题讨论】：

标签： css actionscript-3 apache-flex font-awesome mxml

【解决方案1】：

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";
    
    @font-face {
        fontFamily:             FontAwesome;
        embed-as-cff:           true;
        src:                    url("../assets/font-awesome-4.3.0/fonts/FontAwesome.otf");
        fontStyle:              normal;
    }
    @font-face {
        fontFamily:             FontAwesomeNonCff;
        embed-as-cff:           false;
        src:                    url("../assets/font-awesome-4.3.0/fonts/FontAwesome.otf");
        fontStyle:              normal;
    }
</fx:Style>

<s:VGroup paddingLeft="50" paddingRight="50" paddingTop="50" paddingBottom="50">
    <s:Label id="icon1" text="&#xf011;" color="#000000" fontFamily="FontAwesome" fontSize="40" />
    <s:Label id="icon2" text="&#xf11a;" color="#f700f3" fontFamily="FontAwesome" fontSize="40" />
    <s:Button label="&#xf00c; SUBMIT" fontFamily="FontAwesome" fontSize="20" />
    <s:Button label="&#xf00d; RESET" fontFamily="FontAwesome" fontSize="20" />
</s:VGroup>

</s:WindowedApplication>

获取所有 Font Awesome UNICODE：http://fontawesome.io/cheatsheet/

将 font awesome 文件夹粘贴到项目中的任何位置

【讨论】：