In your .fla file go to the library menu and select New Font

A font properties menu will show up. Here you can edit the font name and the font. As you can see I have named font to be myFont Plain. This is because the font that Iam embedding is not bold nor italic. You can name it whatever you want but be descriptive to avoid confusion. The Font is named myFont. This is your main name for the font. Below are some checkboxes which help identify the style of the Font. If I style text with myFont, because I left the checkboxes blank the system will use myFont Plain. If I had created another font which was myFont, had its name as myFont Bold and then selected the bold style, I would have a Bold style for myFont. Now when I use myFont, I can use a bold tag around it and the myFont Bold will get shown.

After adding the new font you should be able to see it in your library. Right click on it and select Linkage. In the Linkage properties window check the box that says Export for ActionScript. You can name the class anything you want but make sure you don’t change the Base Class name.

Now go into your .as file. You will need to import the following classes to make this work.

import flash.text.TextField;
import flash.text.TextFormat;
import flash.text.AntiAliasType;

Now that we have our classes loaded we will create a text format and a text field and then add the format to the new text field.

var format:TextFormat = new TextFormat();
format.font = ‘myFont’;
format.color = 0×333333;
var myText:TextField = new TextField();
myText.text = ‘Some Filler Text’;
myText.embedFonts = true;
myText.antiAliasType = AntiAliasType.ADVANCED;
myText.setTextFormat(format);

And there you go. You now have textfield using custom font.

Known Problems

-I am using Flash CS3 on my Macbook Pro and I found that if you add a font to your computer in the fonts folder while Flash is open the font may not be displayed. Instead what was happening to me was I was getting a default font. This made me stressed as nobody was having this problem. But all you have to do is close Flash and reopen Flash and your font will work now. There is some refreshing issue that Flash has with this process in CS3.

I will be posting any other issues with possible solutions.

If you liked this post, you might also like…

How to change a textfield’s alpha in Actionscript 3.0

Simple Image Gallery in Flash CS4

First import the BlendMode Class into your document.

import flash.display.BlendMode;

Second you’ll want to set the textfields blendmode to LAYER

var myTextField:TextField = new TextField();
myTextField.blendMode = BlendMode.LAYER;

There it is fellas. Easy Breezy. Now you can change the alpha of the myTextField

If you liked this post, you might also like…

How to embed fonts in Actionscript 3.0 – the easy way

Simple Image Gallery in Flash CS4

With HTML5 just around the corner many people are excited as to what this new technology will bring us. One of the coolest parts of HTML5 is the ability to watch video without any plugins what so ever! This means no Adobe Flash or DivX to watch movies on your website! HTML5 is still being finalized but the people at Jilion have already hopped on to the band wagon and created their own custom HTML5 Video player. They have created a beautiful interface for the video player and it is currently supported by most HTML5 capable browsers. You can check out the Sublime Video player and full details here. I hope more people will get inspired by this and create their own video players for their own sites. If you haven’t already heard Vimeo and YouTube have already created their own HTML5 video players that you can test out right now!

If you liked this post, you might also like…

HTML5 Local Storage, Session Storage, and Client-Side Database Tutorial

HTML5 Link Element Explained

Awesome Uses of HTML5’s Canvas Tag

]]> http://north.interactivedesignlab.com/archives/604/feed 1 http://north.interactivedesignlab.com/archives/67 http://north.interactivedesignlab.com/archives/67#comments Fri, 22 Jan 2010 22:51:23 +0000 Thomas http://north.interactivedesignlab.com/?p=67 Want to create a cool image gallery in flash? Then this tutorial is perfect for you! This will teach you how to create a simple image gallery with thumbnails in Adobe Flash CS4.

Click Here for the Tutorial