flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Sugan Naicker (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (FLEX-35045) Flatspark ButtonIcon - icon does not display
Date Fri, 11 Mar 2016 10:59:05 GMT

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

Mime
View raw message