[
https://issues.apache.org/jira/browse/FLEX-35045?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=15190798#comment-15190798
]
Sugan Naicker commented on FLEX-35045:
--------------------------------------
Workaround found :
Came across an older post from Alex & Andy.
>> 1) In mobile apps, Labels use CFF fonts, but everything else doesn’t.
>> 2) In many themes, Buttons use Bold fonts and Labels don’t.
>> If you don’t have the right font embedded (CFF vs non-CFF, bold vs regular),
>> you won’t get the expected result.
I applied the fontWeight=bold to the font-face and it worked! I tried adding to
the fontWeight directly to the ButtonIcon directly and this did not work.
Code below worked.
@font-face {
fontFamily: FontAwesome;
embed-as-cff: true;
fontWeight: bold;
src:
url("/assets/fonts/FontAwesome.otf");
}
<components:ButtonIcon iconFont="{AwesomeUtils.fa_info_circle}"
height="{ButtonSizeEnum.Large}" label="Icon Button"/>
> Flatspark ButtonIcon - icon does not display
> --------------------------------------------
>
> Key: FLEX-35045
> URL: https://issues.apache.org/jira/browse/FLEX-35045
> Project: Apache Flex
> Issue Type: Bug
> Components: FlatSpark, Mobile: Button Skin
> Affects Versions: Apache Flex 4.14.1
> Environment: Flash Builder 4.7, Windows 8, FP20.0 AIR20.0
> Reporter: Sugan Naicker
>
> Mobile application Flatspark ButtonIcon Issue - icon does not display
> Code below does not display the icon, displays a cross :
> <components:ButtonIcon iconFont="{AwesomeUtils.fa_info_circle}"
> height="{ButtonSizeEnum.Large}" label="Icon Button"/>
> IN the same application, the TestInputIcon works (shows icon)
> <components:TextInputIcon fontSize="8" text="Mobile"
> iconFont="{AwesomeUtils.fa_mobile}"/>
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
