First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: Joseph Miller | Website: http://www.indivision.net

How To Keep Fonts Clear

Here are the basic rules to follow to keep text from anti-aliasing (ie. getting fuzzy, unclear, blurred). I've also included a few notes that could be useful when manipulating text with actionscript.

Know the 'Size Intended'

The first bit of info you will need is the size that the font was intended to be set at. Most fonts are between 8-12 pt fonts. In the case of the popular miniml fonts they are 8. Contact the creator of the font if you can't determine the correct size.

RULE #1:

Be sure that the font being used is only set to multiples of the size intended. For example, miniml fonts should only be size 8,16,32,40, etc. If you try other sizes the flash anti-aliasing will kick in and they will blur.

RULE #2:

Adjust placement of text so that it rests on integer (ie 1,2,3,4.. not 1.1,2.5,1.2,5.6, etc.) x and y values. If the text is placed on say x:1.4 y:2.3 the text will anti-alias and blur. The exact position of text is easily changed by selecting it and opening the info box in flash. Simply type in the rounded x and y values.

Those are the two basic rules. Here are a few notes/tricks for other situations:

NOTE #1:

A lot of times you will have text within a movie clip. Even though the x and y values may be integers it may still look blurry. This is because the movieclip that it resides in is not on integer values. It's generally good practice to manually adjust movieclips via the info box whenever they contain text.

NOTE #2:

You will run into a problem with the aliasing when you scroll or manipulate the location of the text via actionscript. This is obviously due to the text being moved between integer values. The solution is to modify the actionscript so that when it determines the x and y position of the text you include a Math.round () argument.

I hope this helps. If you have any questions, feel free to ask!

» Level Basic

Added: 2001-10-22
Rating: 9 Votes: 265
» Author
Joseph Miller and the effects mentioned in this tutorial can be found at www.indivision.net.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.