Re: [flexcoders] pixel font [old] issue
Thanks Jon!
i wil try that...
ary
--- Jon Bradley [EMAIL PROTECTED] wrote:
Search archives. Another embedding fonts thread was
discussed up
about a week ago (Embed Flash Font was the
subject).
Text of my post is below, which works for all pixel
fonts I've tested
so far (provided you use the proper font size in the
Flex CSS document).
First step is to put a dynamic text field on the
stage in Flash, set
your font for the field and choose the character(s)
you wish to
embed. Make sure the text field is set to use Bitmap
Text (whatever
the drop down is). You do not have control over the
characters after
this step, so all your embedding is done in Flash
(ie, no unicode
control in Flex CSS).
The use of font-weight: normal and
fontAntiAliasType: normal are
necessary, from what I recall. You have no control
over this in Flex
for pixel fonts.
The following steps are:
--
1. Don't name the embedded font in the Flash 8 swf
file the same as
the system font.
2. Open the Flash 8 SWF back up into Flash 8 IDE (or
CS3 IDE). When
you do that, do a list variables - Debug List
Variables. Make note
of the 'exported' font name that Flash used for the
font. That name
is what you'll use in Flex.
For example, on using a pixel font (Kroeger 05_56),
I exported the
Flash 8 SWF file, the embedded symbol name ended up
as kroeger
05_56_8pt_st. And in Flex, I used this in the CSS
as follows:
@font-face {
src: url(../fonts/Kroeger.swf) ;
fontFamily: kroeger 05_56_8pt_st;
font-weight: normal;
}
And defining the usage of that font, recognizing
that in this case
it's a pixel font and doesn't use the advanced anti
aliasing
.assetInfoTitle
{
color:#66;
fontFamily: kroeger 05_56_8pt_st;
font-weight: normal;
fontSize: 8;
fontAntiAliasType: normal;
}
Hopefully that will get you on your way.
best,
Jon
On Sep 22, 2007, at 3:56 PM, Ary wrote:
yes i try both already ...embeding .ttf files and
make
a dynamic text on swf file, i choose embeding
dynamic
text ,embedding ttf doesnt work at all, while
embedding swf is working, but blurred text, i
define
normal,italic and bold in font face already...i
even
got fontantialiastype set to advanced rather than
normal (i get it from a site, although it still
blurred).
Tonight's top picks. What will you watch tonight? Preview the hottest shows on
Yahoo! TV.
http://tv.yahoo.com/
RE: [flexcoders] pixel font [old] issue
You might take a look at this, too.
HYPERLINK
http://www.minifonts.com/tips.htmlhttp://www.minifonts.com/tips.html
The second major topic on the page deals with using pixel fonts with Flash.
_
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Ary
Sent: Sunday, September 23, 2007 2:03 AM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] pixel font [old] issue
Thanks Jon!
i wil try that...
ary
--- Jon Bradley HYPERLINK
mailto:jbradley%40postcentral.com[EMAIL PROTECTED] wrote:
Search archives. Another embedding fonts thread was
discussed up
about a week ago (Embed Flash Font was the
subject).
Text of my post is below, which works for all pixel
fonts I've tested
so far (provided you use the proper font size in the
Flex CSS document).
First step is to put a dynamic text field on the
stage in Flash, set
your font for the field and choose the character(s)
you wish to
embed. Make sure the text field is set to use Bitmap
Text (whatever
the drop down is). You do not have control over the
characters after
this step, so all your embedding is done in Flash
(ie, no unicode
control in Flex CSS).
The use of font-weight: normal and
fontAntiAliasType: normal are
necessary, from what I recall. You have no control
over this in Flex
for pixel fonts.
The following steps are:
--
1. Don't name the embedded font in the Flash 8 swf
file the same as
the system font.
2. Open the Flash 8 SWF back up into Flash 8 IDE (or
CS3 IDE). When
you do that, do a list variables - Debug List
Variables. Make note
of the 'exported' font name that Flash used for the
font. That name
is what you'll use in Flex.
For example, on using a pixel font (Kroeger 05_56),
I exported the
Flash 8 SWF file, the embedded symbol name ended up
as kroeger
05_56_8pt_st-. And in Flex, I used this in the CSS
as follows:
@font-face {
src: url(../fonts/-Kroeger.swf) ;
fontFamily: kroeger 05_56_8pt_st-;
font-weight: normal;
}
And defining the usage of that font, recognizing
that in this case
it's a pixel font and doesn't use the advanced anti
aliasing
.assetInfoTitle
{
color:#66;
fontFamily: kroeger 05_56_8pt_st-;
font-weight: normal;
fontSize: 8;
fontAntiAliasType: normal;
}
Hopefully that will get you on your way.
best,
Jon
On Sep 22, 2007, at 3:56 PM, Ary wrote:
yes i try both already ...embeding .ttf files and
make
a dynamic text on swf file, i choose embeding
dynamic
text ,embedding ttf doesnt work at all, while
embedding swf is working, but blurred text, i
define
normal,italic and bold in font face already...i
even
got fontantialiastype set to advanced rather than
normal (i get it from a site, although it still
blurred).
-_-_-_-_-_-_
Tonight's top picks. What will you watch tonight? Preview the hottest shows
on Yahoo! TV.
HYPERLINK http://tv.yahoo.com/http://tv.yahoo.-com/
No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.488 / Virus Database: 269.13.28/1023 - Release Date: 9/22/2007
1:27 PM
RE: [flexcoders] pixel font [old] issue
I've always had good results like this:
In your application.css file (or in a mx:Style block), add these kinds of
font statements:
@font-face {
src: url(fonts/MyriadWebPro.ttf) ;
fontFamily: Myriad;
unicodeRange:
U+0021-U+007E; /* Normal Chars */
}
@font-face {
src: url(fonts/MyriadWebPro-Bold.ttf) ;
fontFamily: Myriad;
fontWeight: bold;
unicodeRange:
U+0021-U+007E; /* Normal Chars */
}
@font-face {
src: url(fonts/MyriadWebPro-Italic.ttf) ;
fontFamily: Myriad;
fontStyle: italic;
unicodeRange:
U+0021-U+007E; /* Normal Chars */
}
@font-face {
src: url(fonts/Myriad-BoldItalic.ttf) ;
fontFamily: Myriad;
fontWeight: bold;
fontStyle: italic;
unicodeRange:
U+0021-U+007E; /* Normal Chars */
}
You can change the unicodeRange to include whichever characters you need in
your application (see HYPERLINK
http://www.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#descdef-unicode-rang
ewww.w3.org/TR/1998/REC-CSS2-19980512/fonts.html#descdef-unicode-range).
Remember, if you don't need all the characters, then only include the one's
you actually need. This will make the swf file smaller.
Then, you can use these fonts in styles for different components. Like:
DateChooser {
fontFamily: Myriad; /* here's the font you declared in
the @font-face statements */
fontSize: 12;
fontWeight: normal; /* this is now MyriadWebPro */
headerColors: #84affe, #ff;
fillColors: #0057fe, #ff, #209820, #ff;
todayColor: #0057fe;
rollOverColor: #84affe;
selectionColor: #6cbb6c;
borderColor: #66;
backgroundColor: #ff;
themeColor: #209820;
dropShadowEnabled: true;
shadowDirection: right;
shadowDistance: 1;
headerStyleName: mydateChooserHeaderStyle;
weekDayStyleName: mydateChooserWeekDayStyle;
}
.mydateChooserHeaderStyle {
fontWeight: bold; /* this becomes MyriadWebPro-Bold */
fontStyle: normal;
textDecoration: none;
}
.mydateChooserWeekDayStyle {
color: #0b333c;
}
You get the general idea. I use this all the time, and I've never had any
trouble with blurry fonts.
Hope this helps,
Randy
_
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Ary
Sent: Friday, September 21, 2007 4:42 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] pixel font [old] issue
Hi Guys,
i already try everything that i could found on the
internet to make it work, attaching direct
truetypefont(-blurry), make an swf file first from
flash and embed it on css(always get font 'fontname'
with normal weight and regular style not found).
could anyone pointing me into some direction please?
:|
and if possible with working example, when user dont
have that certain bitmap font on their system
thanks in advance
ary
-_-_-_-_-_-_
Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel
and lay it on us. HYPERLINK
http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7http://surveyli
nk.-yahoo.com/-gmrs/yahoo_-panel_invite.-asp?a=7
No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.488 / Virus Database: 269.13.28/1021 - Release Date: 9/21/2007
2:02 PM
Re: [flexcoders] pixel font [old] issue
But I do not believe that solution helps with pixel fonts that need to be antialiased based on the grid. The only way that I know of to get it to work properly is by using Flash to export the font. I'd love a cleaner method though... - j On Sep 22, 2007, at 1:47 PM, Randy Martin wrote: You get the general idea. I use this all the time, and I've never had any trouble with blurry fonts. Hope this helps, Randy
Re: [flexcoders] pixel font [old] issue
yes i try both already ...embeding .ttf files and make a dynamic text on swf file, i choose embeding dynamic text ,embedding ttf doesnt work at all, while embedding swf is working, but blurred text, i define normal,italic and bold in font face already...i even got fontantialiastype set to advanced rather than normal (i get it from a site, although it still blurred). at the momment im using transparent gif to display pixel text(way less than 1 kb in file size)...since its not so many text involved...but im really curious on this one. thanks for responding guys! ary. --- Jon Bradley [EMAIL PROTECTED] wrote: But I do not believe that solution helps with pixel fonts that need to be antialiased based on the grid. The only way that I know of to get it to work properly is by using Flash to export the font. I'd love a cleaner method though... - j On Sep 22, 2007, at 1:47 PM, Randy Martin wrote: You get the general idea. I use this all the time, and I've never had any trouble with blurry fonts. Hope this helps, Randy Check out the hottest 2008 models today at Yahoo! Autos. http://autos.yahoo.com/new_cars.html
Re: [flexcoders] pixel font [old] issue
Search archives. Another embedding fonts thread was discussed up
about a week ago (Embed Flash Font was the subject).
Text of my post is below, which works for all pixel fonts I've tested
so far (provided you use the proper font size in the Flex CSS document).
First step is to put a dynamic text field on the stage in Flash, set
your font for the field and choose the character(s) you wish to
embed. Make sure the text field is set to use Bitmap Text (whatever
the drop down is). You do not have control over the characters after
this step, so all your embedding is done in Flash (ie, no unicode
control in Flex CSS).
The use of font-weight: normal and fontAntiAliasType: normal are
necessary, from what I recall. You have no control over this in Flex
for pixel fonts.
The following steps are:
--
1. Don't name the embedded font in the Flash 8 swf file the same as
the system font.
2. Open the Flash 8 SWF back up into Flash 8 IDE (or CS3 IDE). When
you do that, do a list variables - Debug List Variables. Make note
of the 'exported' font name that Flash used for the font. That name
is what you'll use in Flex.
For example, on using a pixel font (Kroeger 05_56), I exported the
Flash 8 SWF file, the embedded symbol name ended up as kroeger
05_56_8pt_st. And in Flex, I used this in the CSS as follows:
@font-face {
src: url(../fonts/Kroeger.swf) ;
fontFamily: kroeger 05_56_8pt_st;
font-weight: normal;
}
And defining the usage of that font, recognizing that in this case
it's a pixel font and doesn't use the advanced anti aliasing
.assetInfoTitle
{
color:#66;
fontFamily: kroeger 05_56_8pt_st;
font-weight: normal;
fontSize: 8;
fontAntiAliasType: normal;
}
Hopefully that will get you on your way.
best,
Jon
On Sep 22, 2007, at 3:56 PM, Ary wrote:
yes i try both already ...embeding .ttf files and make
a dynamic text on swf file, i choose embeding dynamic
text ,embedding ttf doesnt work at all, while
embedding swf is working, but blurred text, i define
normal,italic and bold in font face already...i even
got fontantialiastype set to advanced rather than
normal (i get it from a site, although it still
blurred).
[flexcoders] pixel font [old] issue
Hi Guys, i already try everything that i could found on the internet to make it work, attaching direct truetypefont(blurry), make an swf file first from flash and embed it on css(always get font 'fontname' with normal weight and regular style not found). could anyone pointing me into some direction please? :| and if possible with working example, when user dont have that certain bitmap font on their system thanks in advance ary Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel and lay it on us. http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7
