embedded font won't work in Flex mobile ActionBar -
i've got few fonts embedded , using them in mobile application, , working, except ones try use "actionbar". work everywhere else, , substituting "comic sans ms"
"titlecgf"
changes comic sans. why won't work custom fontfamily?
<fx:style> @namespace s "library://ns.adobe.com/flex/spark"; @font-face { src: url("assets/comic_book.ttf"); fontfamily: comic; embedascff: false; } /****************************** @font-face{ src: url("assets/cgf_locust_resistance.ttf"); fontfamily: titlecgf; embedascff: false; } @font-face{ src: url("assets/cgf_locust_resistance.ttf"); fontfamily: titlecgf; embedascff: true; } **********************************/ .titlestyle{ fontfamily: titlecgf; color: #ffffff; } .comicmessage{ fontfamily: titlecgf; color: #838689; fontsize: 14; } s|iconitemrenderer{ fontfamily: comic; color: #feba03; fontsize:18; } s|actionbar{ defaultbuttonappearance: beveled; accentcolor: #feba03; } s|actionbar #titledisplay{ fontfamily: "titlecgf"; } </fx:style>
this get:
edit: tried make own skin, , part of pre-written code this:
<!-- skinparts name=titlegroup, type=spark.components.group, required=false name=actiongroup, type=spark.components.group, required=false name=navigationgroup, type=spark.components.group, required=false name=titledisplay, type=spark.core.idisplaytext, required=false -->
when try define first three, <s:group .../>
, works fine. nothing shows spark.core.idisplaytext. ie, <s:idisplaytext .../>
yeilds nothing...
here's example of embedding fonts twice, once embedascff=false , again using embedascff=true. view full explanation @ http://blogs.adobe.com/jasonsj/2011/08/embedding-fonts-in-flex-mobile-projects.html.
edit 1: fixed font file name
/* styleabletextfield, regular */ @font-face { src: url("assets/comic.ttf"); fontfamily: "comic"; embedascff: false; } /* styleabletextfield, bold */ @font-face { src: url("assets/comicbd.ttf"); fontfamily: "comic"; fontweight: bold; embedascff: false; } /* label, regular */ @font-face { src: url("assets/comic.ttf"); fontfamily: "comiccff"; embedascff: true; } /* label, bold */ @font-face { src: url("assets/comicbd.ttf"); fontfamily: "comiccff"; fontweight: bold; embedascff: true; } s|label { fontfamily: "comiccff"; } s|actionbar { fontfamily: "comic"; } s|labelitemrenderer { fontfamily: "comic"; }
Comments
Post a Comment