Font Configuration

When using the zoomMenu component you may notice that the labels of the menu items appear jerky when they are scaled. This is because by default the zoomMenu component uses device fonts to display the labels.

To make the labels scale smoothly and to ensure that the labels on menu items can be seen by everybody browsing your website you need to embed the font that you specified in your Flash Movie.

To do this, you need to check the "Use Embedded Fonts" field in the Component Inspector. See Component Configuration

You then need to create a new font symbol in your library. To do this, open the library (Window > Library)

Now click on the button in the top right corner of the library and choose New Font.

A 'Font Symbol Properties' dialog box will open that allows you to choose the font that you want to embed in your Flash Movie.

Enter a name for the font in the 'Name' field to identify it in your library.

Now select the font that you want to embed from the dropdown list of available fonts.

If you want to embed the bold version of the font and/or the italic version of the font then check the appropriate 'Bold' and/or 'Italic' fields.

Now enter the point size at which the font should be embedded in the 'Size' field.

Click the Ok button to confirm. A new symbol with the name you specified has been added to the library.

Right-click the new font symbol in the library and choose Linkage.

The 'Linkage Properties' dialog box will open.

Check the 'Export for Actionscript' field and then enter a unique name that actionscript can use to access the font (usually just the name of the font) eg. verdanaBold

Now click the 'Ok' button to confirm.

Now that you have embedded the font in your Flash Movie, you now need to tell the zoomMenu component to use that font to display all the label's for menu item's.

You do this by selecting an instance of the zoomMenu component on the stage, then open the Component Inspector (Window > Development Panels > Component Inspector)

Ensure that the Parameters tab is selected and then click the Configuration button.

Click the 'Embed Fonts' field and then selected the unique indentifier you entered in the 'Linkage Properties' dialog box from the 'Label Font' list.

Test your movie to check that it worked. (Control > Test Movie)

Using Pixel Fonts

The zoomMenu component has been optimized to support pixel fonts if you choose to use them. The zoomMenu component ensures that all labels are positioned on whole pixels.

Pixel fonts are specifically designed to display crisp aliased text at small sizes. We recommend the use of pixel fonts with the zoomMenu component.

Don't forget to specify the correct 'Label Size' for your pixel font. This is usually a multiple of 8 (8,16,24,32....) 16 works best. See Component Configuration