在 Adobe flex 4 中使用 Font Awesome
Using Font Awesome in Adobe flex 4
如何在adobe flex 4 中使用font awesome 图标以及如何在font awesome 图标中设置样式。
如何在 adobe flex 中将按钮标签文本设置为图标。
<?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="" color="#000000" fontFamily="FontAwesome" fontSize="40" />
<s:Label id="icon2" text="" color="#f700f3" fontFamily="FontAwesome" fontSize="40" />
<s:Button label=" SUBMIT" fontFamily="FontAwesome" fontSize="20" />
<s:Button label=" RESET" fontFamily="FontAwesome" fontSize="20" />
</s:VGroup>
</s:WindowedApplication>
获取所有 Font Awesome UNICODE : http://fontawesome.io/cheatsheet/
将项目中的 font awesome 文件夹粘贴到任意位置
如何在adobe flex 4 中使用font awesome 图标以及如何在font awesome 图标中设置样式。
如何在 adobe flex 中将按钮标签文本设置为图标。
<?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="" color="#000000" fontFamily="FontAwesome" fontSize="40" />
<s:Label id="icon2" text="" color="#f700f3" fontFamily="FontAwesome" fontSize="40" />
<s:Button label=" SUBMIT" fontFamily="FontAwesome" fontSize="20" />
<s:Button label=" RESET" fontFamily="FontAwesome" fontSize="20" />
</s:VGroup>
</s:WindowedApplication>
获取所有 Font Awesome UNICODE : http://fontawesome.io/cheatsheet/
将项目中的 font awesome 文件夹粘贴到任意位置