[ 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)