You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by chris_d_k <ck...@christiankiefer.de> on 2014/12/03 14:39:13 UTC

Flex Mobile font looks bolder in Label...

<http://apache-flex-users.2333346.n4.nabble.com/file/n8961/toFat.jpg> 

@font-face
{
    src: url("../assets/fonts/arial.ttf");
    fontFamily: StandardFontAsCFF;
    fontWeight: normal;
    embedAsCFF: true;
}

@font-face
{
    src: url("../assets/fonts/arialbd.ttf");
    fontFamily: StandardFontAsCFF;
    fontWeight: bold;
    embedAsCFF: true;
}

@font-face
{
    src: url("../assets/fonts/arial.ttf");
    fontFamily: StandardFont;
    fontWeight: normal;
    embedAsCFF: false;
}

@font-face
{
    src: url("../assets/fonts/arialbd.ttf");
    fontFamily: StandardFont;
    fontWeight: bold;
    embedAsCFF: false;
}

s|Label
{
    fontFamily: "StandardFontAsCFF";
    fontWeight: normal;
    color:      #848484;
}
/*The Style I used for the label...*/
    .smallText   
    {
        fontFamily: "StandardFontAsCFF";
        fontLookup: embeddedCFF;
        fontWeight: normal;
        fontSize: 14px;
    }

/*The Style I used for the ItemRenderer*/
    itemRenderer|NewsItemRenderer
    {
        fontSize: 14px;
    }

Is this normal???



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/Flex-Mobile-font-looks-bolder-in-Label-tp8961.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: Flex Mobile font looks bolder in Label...

Posted by Héctor A <ne...@gmail.com>.
The standard skin uses StageText, which is a native control, not a
Flex/Flash one, it is faster on big amounts of text and allows to set
keyboard types in input controls among other things, but it doesn't allow
for embedded fonts as you've found out, plus being a native control it
stays over other content. For iOS there is a way of using embedded fonts
modifying the descriptor file and packaging your font, but it's not
possible for Android unless you make your own ANE with text controls.

Why is it the default? TextArea (and of course TextInput), are mainly meant
to be used for entering text, so it makes sense to use it there.

On Thu, Dec 4, 2014 at 9:58 AM, chris_d_k <ck...@christiankiefer.de> wrote:

> Okay... another thing... using TextArea would make it look more like on
> labels... but to get an embedded font working on them I need to use the
> skin
> spark.skins.mobile.TextAreaSkin ... why isn't that the standard skin and
> why
> does the standard skin not work with embedded fonts?
>
> Thanks
>
> Christian
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/Flex-Mobile-font-looks-bolder-in-Label-tp8961p8963.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>

Re: Flex Mobile font looks bolder in Label...

Posted by chris_d_k <ck...@christiankiefer.de>.
Okay... another thing... using TextArea would make it look more like on
labels... but to get an embedded font working on them I need to use the skin
spark.skins.mobile.TextAreaSkin ... why isn't that the standard skin and why
does the standard skin not work with embedded fonts?

Thanks

Christian



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/Flex-Mobile-font-looks-bolder-in-Label-tp8961p8963.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: Flex Mobile font looks bolder in Label...

Posted by Héctor A <ne...@gmail.com>.
Yes, sadly it is normal, Labels use FTE, whereas ItemRenderers often use
plain TextField, so the renderer used for one thing and the other is not
exactly the same.Kerning may also differ between both classes.

On Wed, Dec 3, 2014 at 2:39 PM, chris_d_k <ck...@christiankiefer.de> wrote:

> <http://apache-flex-users.2333346.n4.nabble.com/file/n8961/toFat.jpg>
>
> @font-face
> {
>     src: url("../assets/fonts/arial.ttf");
>     fontFamily: StandardFontAsCFF;
>     fontWeight: normal;
>     embedAsCFF: true;
> }
>
> @font-face
> {
>     src: url("../assets/fonts/arialbd.ttf");
>     fontFamily: StandardFontAsCFF;
>     fontWeight: bold;
>     embedAsCFF: true;
> }
>
> @font-face
> {
>     src: url("../assets/fonts/arial.ttf");
>     fontFamily: StandardFont;
>     fontWeight: normal;
>     embedAsCFF: false;
> }
>
> @font-face
> {
>     src: url("../assets/fonts/arialbd.ttf");
>     fontFamily: StandardFont;
>     fontWeight: bold;
>     embedAsCFF: false;
> }
>
> s|Label
> {
>     fontFamily: "StandardFontAsCFF";
>     fontWeight: normal;
>     color:      #848484;
> }
> /*The Style I used for the label...*/
>     .smallText
>     {
>         fontFamily: "StandardFontAsCFF";
>         fontLookup: embeddedCFF;
>         fontWeight: normal;
>         fontSize: 14px;
>     }
>
> /*The Style I used for the ItemRenderer*/
>     itemRenderer|NewsItemRenderer
>     {
>         fontSize: 14px;
>     }
>
> Is this normal???
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/Flex-Mobile-font-looks-bolder-in-Label-tp8961.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>