You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by itsmylife <is...@gmail.com> on 2015/02/02 16:43:38 UTC

sdk 4.14.0 - flatspark theme font problem

hi folks. 

I just download the new sdk. I made some testes. I have a character problem
with new skin "flatspark". Some letters does not shown properly. I think its
because from lato font family (skin's default font family). How can I handle
this problem? Do you have an opinion? 

Thanks for your answers. 



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by Astraport <vo...@gmail.com>.
akamud wrote
> Did you accept the "Adobe Embedded Font Libraries and Utilites" license?

Yes, I accepted it.

akamud wrote
> Which OS are you using?

Windows 7



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9547.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by akamud <mu...@gmail.com>.
> I just download the new sdk. I made some testes. I have a character problem
with new skin "flatspark". Some letters does not shown properly. I think its
because from lato font family (skin's default font family). How can I handle
this problem? Do you have an opinion? 

@ismail, indeed, those characters do not render correctly in Lato. That's
weird, because I know there are chinese developers using this with no
problems. I'll see what we can do with the link you provided us. Thanks!

> Any advice please? 

Can you provide more info on this example? How did you apply the skin?
Did you accept the "Adobe Embedded Font Libraries and Utilites" license?
Which OS are you using?

I'm trying the same example as yours and I'm seeing the icon with no
problems, so I'm trying to get as much information as possible.

> And second: how change style (button states colors) of this FlatSpark
> component?

To change the state colors you can use the Brand property, like this:

<components:ButtonIcon iconFont="{AwesomeUtils.fa_mobile}"
height="{ButtonSizeEnum.Large}" label="Icon Button"
brand="{BrandColorEnum.Inverse}"/>

Check the wiki page to learn more about how to use FlatSpark
https://cwiki.apache.org/confluence/display/FLEX/Using+FlatSpark+skins



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9528.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by Astraport <vo...@gmail.com>.
I have issue with ButtonIcon component. 
I use this code:
<components:ButtonIcon iconFont="{AwesomeUtils.fa_mobile}"
height="{ButtonSizeEnum.Large}" label="Icon Button"/>

and get no icon:
<http://apache-flex-users.2333346.n4.nabble.com/file/n9521/2015-02-03_19-29-45.png> 

Any advice please?
And second: how change style (button states colors) of this FlatSpark
component?



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9521.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by ismail simsek <is...@gmail.com>.
Yes. I found them here:
https://www.behance.net/gallery/13484279/LATO-TR-Font-Ailesi

I opened the swc with 7zip and changed the lato fonts with the turkish. I
know this is not the best way but it is the rapid way for now. 

In that way swc's size is increased. I think it is because the font files
did not compressed. If flatspark.swc will be exported with the updated fonts
it's size will be smaller I guess.



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9511.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by Alex Harui <ah...@adobe.com>.

On 2/2/15, 10:09 AM, "ismail simsek" <is...@gmail.com> wrote:

>I fixed the problem. I change font files in the flatspark.swc. I put the
>fonts what I need. This is a little bit amateur solve but it works. If
>there
>is any different better solution I am ready to hear.

Are you saying you found a more update-to-date version of Lato font that
had the turkish characters in it?  Where did you get it?

Thanks,
-Alex


Re: sdk 4.14.0 - flatspark theme font problem

Posted by ismail simsek <is...@gmail.com>.
I fixed the problem. I change font files in the flatspark.swc. I put the
fonts what I need. This is a little bit amateur solve but it works. If there
is any different better solution I am ready to hear.



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9507.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by ismail simsek <is...@gmail.com>.
here is the typecast result: http://i.imgur.com/GMOf2Jv.jpg?1

my css file:

@font-face {
	src: url("fonts/MarckScript-Regular.ttf");
	fontFamily: MarkScript;
	embedAsCFF: true;
}

s|Button
{
	fontFamily: MarkScript;
}

components|ButtonIcon {
	skinClass: ClassReference("flatspark.skins.ButtonIconSkin");
	fontSize: 14;
	iconFontSize: 17;
	fontFamily: MarkScript;
}


and the result: http://i.imgur.com/l4jtQOk.jpg?1

where did I do the wrong?



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9503.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by ismail simsek <is...@gmail.com>.
I tried that. But all components font family hardcoded with lato font. I can
not change it with css. And I can not change the skin code because flex uses
the swc file of the flatspark. 

I will try to change font files from
"frameworks\projects\flatspark\src\flatspark\assets\fonts" 



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9502.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by Tom Chiverton <tc...@extravision.com>.
On 02/02/15 15:57, ismail simsek wrote:
> Thanks for your reply Alex but I already did that.
>
> Some Turkish chars (Ş-ş-ğ-Ğ hope you can see the chars) have problems. Lato
> font does not support them, I guess. I do not know what I can do.
>
I guess you need to use CSS to specify an alternative font then ?

But I tried that font in http://typecast.com/preview/google/Lato and 
they did appear fine...

Tom

Re: sdk 4.14.0 - flatspark theme font problem

Posted by ismail simsek <is...@gmail.com>.
Thanks for your reply Alex but I already did that. 

Some Turkish chars (Ş-ş-ğ-Ğ hope you can see the chars) have problems. Lato
font does not support them, I guess. I do not know what I can do. 



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-font-problem-tp9498p9500.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: sdk 4.14.0 - flatspark theme font problem

Posted by Alex Harui <ah...@adobe.com>.
Please verify that you selected to install the embedded font support
libraries.

-Alex

On 2/2/15, 7:43 AM, "itsmylife" <is...@gmail.com> wrote:

>hi folks. 
>
>I just download the new sdk. I made some testes. I have a character
>problem
>with new skin "flatspark". Some letters does not shown properly. I think
>its
>because from lato font family (skin's default font family). How can I
>handle
>this problem? Do you have an opinion?
>
>Thanks for your answers.
>
>
>
>--
>View this message in context:
>http://apache-flex-users.2333346.n4.nabble.com/sdk-4-14-0-flatspark-theme-
>font-problem-tp9498.html
>Sent from the Apache Flex Users mailing list archive at Nabble.com.