[jQuery] looping through all elements of a form and keeping track of different font size

[Mr J]

hi all,
here is the scenario:
i have created an option on a website to give the possibity to the
user to change the font size (smaller, bigger, reset), like the famous
x3 'A' that we see in most of the websites. the code i have is based
on a plugin copywrite to (http://cool-javascripts.com).
now i'm facing a problem with different font size for different
elements.
to make the text bigger and smaller works like a charm but to reset
the font size is not working so good.

here is the code of the plug in the reset part:

//on clicking default font size button, font size is reset

jQuery(container + " .defaultFont").click(function(){
        jQuery("#content *").css('font-size', defSize);

                // coockie to rememebr the selected font size
        updatefontCookie(target, defSize);
});

here is how i'm calling the function:

fontSize("#container", "#content *", 8, 12, 20);

container is where i have the images to make the text smaller or
bigger
content is the div that has the content that i want it to be changed
8 is the smallest fonr size
12 default
20 max

now the thing is that i have different font sizes in the page and some
of them don't have a class just the <font> ....</font>
when i'm clicking the rest button then i'm getting everything with
size 12 and this is what i want to change.
i want to remember the current font size and set it back.

any suggestions or something that will put me in the right path will
be very appreciated.