FYI it's not unusual for a font to be broken up into several different font files or that it supports a certain font face. Some don't have bold or italic. They may have a version 2 that is slightly bolder "strong".
But in this case you have "fontStyle:bold". The fontStyle style only supports, "italic" or "normal'. For bold fonts use "fontWeight:bold". That could be causing it. More likely you still need to set the pseudo selectors for the prompt state. See this post for an example, http://goo.gl/0oJ1O. On Fri, Apr 12, 2013 at 11:26 AM, Alex Harui <aha...@adobe.com> wrote: > I still haven't tried your test case. Is it for mobile or desktop/browser? > > In the snippet below, you are using different font families for different > font-weights. That is not the recommended practice. And you are using > fontStyle instead of fontWeight which is not correct. > > > On 4/12/13 3:58 AM, "Sebastian Mohr" <flex.masul...@gmail.com> wrote: > > > Hi Alex, > > > > I tried different combinations guided by this > > documentation [1]. This is a screenshot of the > > application [2]. None of font-face attributes show > > the MyriadWebPro font in the promptDisplay > > SkinPart Š whereas in the textDisplay SkinPart > > of the TextInput shows it correctly > > > > > > @font-face { > > src:url("/assets/fonts/MyriadWebPro-Bold.ttf"); > > fontFamily: myFontMyriadBold; > > fontStyle: bold; > > embedAsCFF:true; > > advancedAntiAliasing:true; > > } > > > > @font-face { > > src:url("/assets/fonts/MyriadWebPro.ttf"); > > fontFamily: myFontMyriadRegular; > > fontStyle: normal; > > embedAsCFF:true; > > advancedAntiAliasing:true; > > } > > > > Any ideas? > > > > > > [1] > > > http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7f > > 5f.html > > [2] > > > https://dl.dropboxusercontent.com/u/352808/bug/Apache_Flex-TextInput_Prompt_Bu > > g.png > > > > > > - > > Sebastian (PPMC) > > Interaction Designer > > > > Looking for a Login Example with Apache Flex? Please check out this code: > > http://code.google.com/p/masuland/wiki/LoginExample > > > > > > > > > > On Apr 10, 2013, at 6:03 PM, Alex Harui <aha...@adobe.com> wrote: > > > >> I didn't run it, but it looks like you are using a bold font without > setting > >> fontWeight. > >> > >> > >> On 4/10/13 2:45 AM, "Sebastian Mohr" <flex.masul...@gmail.com> wrote: > >> > >>> Hi there, > >>> > >>> Just a quick question in regards to the TextInput component. Do > >>> you know how to change the font of the prompt in the TextInput > >>> component? The code example below [1] does not show the prompt > >>> with the correct font. I also tried to create a custom TextInputSkin > >>> with a customised promptDisplay [2], but, this didn't work either. > >>> > >>> This strange behaviour seems to be solid throughout the latest > >>> Adobe Flex SDK 4.6 and and the latest Apache Flex SDK 4.9.1, > >>> even though this bug seems to be known and fixed: > >>> > >>> https://issues.apache.org/jira/browse/FLEX-27991 > >>> > >>> Any ideas from your side how to fix that? > >>> > >>> > >>> - > >>> Sebastian (PPMC) > >>> Interaction Designer > >>> > >>> Looking for a Login Example with Apache Flex? Please check out this > code: > >>> http://code.google.com/p/masuland/wiki/LoginExample > >>> > >>> > >>> > >>> [1] Example Application > >>> > >>> <?xml version="1.0" encoding="utf-8"?> > >>> <s:WindowedApplication > >>> xmlns:fx="http://ns.adobe.com/mxml/2009"; > >>> xmlns:s="library://ns.adobe.com/flex/spark" > >>> xmlns:mx="library://ns.adobe.com/flex/mx" > >>>> > >>> > >>> <fx:Style> > >>> @namespace s "library://ns.adobe.com/flex/spark"; > >>> @namespace mx "library://ns.adobe.com/flex/mx"; > >>> > >>> @font-face { > >>> src:url("/assets/fonts/MyriadWebPro-Bold.ttf"); > >>> fontFamily: myFontMyriadBold; > >>> embedAsCFF: true; > >>> } > >>> > >>> global > >>> { > >>> fontSize: 16; > >>> } > >>> </fx:Style> > >>> > >>> <s:layout> > >>> <s:VerticalLayout /> > >>> </s:layout> > >>> > >>> <s:Label > >>> width="100%" > >>> text="Text Prompt 12345" > >>> /> > >>> > >>> <s:TextInput > >>> width="100%" > >>> prompt="TextInput Prompt 12345" > >>> /> > >>> > >>> <s:Label > >>> width="100%" > >>> text="Text Prompt 12345" > >>> fontFamily="Times New Roman" > >>> /> > >>> > >>> <s:TextInput > >>> width="100%" > >>> prompt="TextInput Prompt 12345" > >>> fontFamily="Times New Roman" > >>> /> > >>> > >>> <s:Label > >>> width="100%" > >>> text="Text Prompt 12345" > >>> fontFamily="myFontMyriadBold" > >>> /> > >>> > >>> <s:TextInput > >>> width="100%" > >>> prompt="TextInput Prompt 12345" > >>> fontFamily="myFontMyriadBold" > >>> /> > >>> > >>> </s:WindowedApplication> > >>> > >>> > >>> > >>> > >>> [2] Example TextInputSkin: > >>> > >>> <?xml version="1.0" encoding="utf-8"?> > >>> <s:SparkSkin > >>> xmlns:fx="http://ns.adobe.com/mxml/2009"; > >>> xmlns:s="library://ns.adobe.com/flex/spark" > >>> xmlns:fb="http://ns.adobe.com/flashbuilder/2009"; > >>> blendMode="normal" > >>> alpha.disabledStates="0.5" > >>>> > >>> > >>> <fx:Metadata> > >>> <![CDATA[ > >>> /** > >>> * @copy spark.skins.spark.ApplicationSkin#hostComponent > >>> */ > >>> [HostComponent("spark.components.TextInput")] > >>> ]]> > >>> </fx:Metadata> > >>> > >>> <!--- Defines the Label that is used for prompt text. The > includeInLayout > >>> property is false so the prompt text does not affect measurement. --> > >>> <s:RichText > >>> id="promptDisplay" includeIn="normalWithPrompt,disabledWithPrompt" > >>> color="#5e6a70" > >>> fontFamily="myFontMyriadBold" fontSize="16" includeInLayout="false" > >>> maxDisplayedLines="1" mouseChildren="false" mouseEnabled="false" > >>> verticalAlign="middle" > >>> /> > >>> > >>> </s:SparkSkin> > >>> > >>> > >>> > >> > >> -- > >> Alex Harui > >> Flex SDK Team > >> Adobe Systems, Inc. > >> http://blogs.adobe.com/aharui > >> > > > > -- > Alex Harui > Flex SDK Team > Adobe Systems, Inc. > http://blogs.adobe.com/aharui > >
