Hi,
Solution 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"/>
Thanks.
Sugan
-----Original Message-----
From: Sugan Naicker [mailto:[email protected]]
Sent: Thursday, March 10, 2016 8:20 PM
To: [email protected]
Subject: RE: Flatspark - Issues with ButtonIcon component on a mobile device
Hi Olaf,
Thanks for the feedback and the time and effort to reproduce the error.
I am getting the same results. On Desktop works fine, but on mobile project
it does not.
Rgs,
Sugan
-----Original Message-----
From: OK [mailto:[email protected]]
Sent: Thursday, March 10, 2016 4:54 PM
To: [email protected]
Subject: Re: Flatspark - Issues with ButtonIcon component on a mobile device
I'd only like to tell you that I can reproduce this issue:
I've created a Flex Mobile project within the flatspark button icon inside.
Instead of the icon a cross is displayed. (Using the AIR Simulator).
I've played a bit with a custom ButtonIconSkin without any success :-( It
seems that the iconFont is not applied...
The Label standalone is working (The ButtonIconSkin uses a Label to display
the icon):
<s:Label fontFamily="FontAwesome" text="{AwesomeUtils.fa_info_circle}" />
With a desktop project it all works like a charme.
?
Olaf
--
View this message in context:
http://apache-flex-users.2333346.n4.nabble.com/Flatspark-Issues-with-ButtonI
con-component-on-a-mobile-device-tp12173p12178.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
