Yep. Your example does indeed work! I created another project and imported all my components and code into it, MINUS my projects RSLs and the other project references I was using. And it worked! The fonts embedded properly.
WITH the RSLs, however, the embedded fonts disappear! But not all of them. The embedded fonts in the Menu component I'm using from a PopupButton, displayed fine. But the label in the PopupButton disappeared and all the labels on the tabbar disappeared. And not just transparent. They are gone. Not text. But the tooltip text still displays. Simply removing my libraries made the text (using the embedded fonts) reappear! I don't have a clue about what's really going on. I'm completely baffled at this point. Any suggestions/theories are most welcome. Thanks for verifying that there is no bug in the tabbar control concerning embedded fonts. That helped me move on and discover the things mentioned above. Bruce --- In flexcoders@yahoogroups.com, "passive_thoughts" <[EMAIL PROTECTED]> wrote: > > I don't fully understand what you are having troubles with. This code > works (both with inline style and linked to a css file): > > <?xml version="1.0" encoding="utf-8"?> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > layout="absolute"> > <mx:Style> > @font-face { > src:url("fonts/comic.TTF"); > font-family: comic; > } > .regularTab { > fontFamily: comic; > color: #000000; > fontSize:22; > textRollOverColor: #000000; > themeColor: #3370ce; > fontWeight: normal;} > .selectedTab{ > fontFamily: comic; > color: blue; > fontSize:18; > textRollOverColor: #000000; > themeColor: #3370ce; > fontWeight: normal;} > </mx:Style> > > <mx:TabBar > x="106" y="43" > dataProvider="viewstack1" tabStyleName="regularTab" > selectedTabTextStyleName="selectedTab" /> > > <mx:ViewStack x="135" y="82" id="viewstack1" width="200" height="200"> > > <mx:Canvas label="View 1" width="100%" height="100%" > > </mx:Canvas> > <mx:Canvas label="View 2" width="100%" height="100%"> > </mx:Canvas> > <mx:Canvas label="View 3" width="100%" height="100%"> > </mx:Canvas> > <mx:Canvas label="View 4" width="100%" height="100%"> > </mx:Canvas> > > </mx:ViewStack> > <mx:Label text="Testing Tab Bar Styles"/> > </mx:Application> > > > --- In flexcoders@yahoogroups.com, "Bruce Denham" <bdenham@> wrote: > > > > I've been pulling my hair out trying to figure out why I can't get > > embedded fonts to work with my TabBar. Maybe this has been posted, but > > I couldn't find it. So to prevent hair loss for others, here's the gist. > > > > It seems that the TabBar component has a bug/limitation concerning > > embedded fonts used within CSS class selectors. It just doesn't work. > > > > So, to use an embedded font with a TabBar component, you have to do > > this in your CSS file: > > > > @font-face > > { > > src:url("fonts/MYRIADPC.TTF"); > > fontFamily: myFont; > > fontWeight: normal; > > > > Tab > > { > > fontFamily: myFont; > > fontWeight: normal; > > fontStyle: normal; > > fontSize: 18; > > color:#FFFFFF; > > } > > > > This doesn't work: > > > > .myTabStyle > > { > > fontFamily: myFont; > > fontWeight: normal; > > fontSize: 18; > > color:#FFFFFF; > > } > > > > Unfortunately, this sets all the tabs using the same font > > characteristics, which I haven't figured out how to override yet. > > Using the style inline (within a MXML component) doesn't seem to work: > > Doesn't override text styles set in the Tab selector: > > > > <label:TaskBar x="0" y="20" styleName="myTabStyle" /> > > > > I'll post more if I figure something out, though I'm not feeling > hopeful. > > > > Bruce > > > -- Flexcoders Mailing List FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/flexcoders/join (Yahoo! ID required) <*> To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
