Alex, Thanks for your reply. Following is a nice, minimal example that recreates this issue. It works with 2 different embedded fonts that I tried. advancedAntiAliasing did not make a difference. The labels have a striped appearance, which can be distracting. --Henry
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="vertical"> <mx:Style> @font-face { src: url('../bin- debug/assets/fonts/LucidaBright/LucidaBrightRegular.ttf'); fontFamily: lucidaBright; } global { fontFamily: lucidaBright; fontSize: 12; border: 1px; borderStyle: solid; color: white; } </mx:Style> <mx:VBox backgroundColor="#4e4e4e" backgroundAlpha="1" width="500" height="150"> <mx:Form> <mx:FormItem label="dummy checkbox"> <mx:CheckBox id="dummyCheckbox" label="hi there"/> </mx:FormItem> <mx:FormItem label="item label text" color="white"> <mx:TextInput id="fiti" text="default text" backgroundColor="gray"/> </mx:FormItem> </mx:Form> </mx:VBox> </mx:Application> --- In [email protected], Alex Harui <aha...@...> wrote: > > Your version of Flex may not allow a list of fontFamilies. > > How much lighter is the background? Do you have filters applied, alpha? I've seen slight changes (0xfefefe becomes 0xfdfdfd), but not much more than that. Try turning off advancedAntiAliasing. > > Alex Harui > Flex SDK Developer > Adobe Systems Inc.<http://www.adobe.com/> > Blog: http://blogs.adobe.com/aharui > > From: [email protected] [mailto:[email protected]] On Behalf Of hr1ny > Sent: Monday, February 09, 2009 12:04 PM > To: [email protected] > Subject: [flexcoders] embedded font causes labels to appear with backgroundColor lighter than expected > > > In my Flex 3 app, when I use an embedded font, I notice that some of my labels appear against a backgroundColor that is lighter than the surrounding backgroundColor (sometimes, in repeatable conditions), even though this is nowhere specified explictly. > > If I use a system font like '_sans' this does not happen. > > Can anyone explain why this would be, or how I can fix this behavior? > > My css code: > > @font-face { > > src: url('/assets/fonts/MyriadWebPro/MyriadWebPro.ttf'); > > fontFamily: myriadWebPro; > > advancedAntiAliasing: true; > > } > > global { > > fontFamily: myriadWebPro; > > fontSize: 12; > > border: 1px; > > borderStyle: solid; > > advancedAntiAliasing: true; > > color: white; > > } > > I also observe that if I say > fontFamily: myriadWebPro, > > it loads the myriadWebPro font, but if I say > fontFamily: myriadWebPro, '_sans', > > it will load a default serif font instead. That seems very strange. > > --Henry >
