What screenshots? :-)

forgot the image links...

http://i.imgur.com/kfd9g.png http://i.imgur.com/DG6kL.png

This issue can be caused by the bitmap version of the Helvetica or Geneva font or another (bitmap) font that can't be displayed by Firefox in that font size. Firefox can't display that font in the specified size and displays gibberish instead. You can test that by zooming out (View > Zoom > Zoom Out, Ctrl -) to make the text smaller.

Uninstall (remove) all variants of that not working font to make Firefox use another font or find a True type version of that font that doesn't have the problem. ..... See also http://kb.mozillazine.org/Issues_related_to_fonts#Gibberish

The problem I have in Chrome is all my folders in Lastpass vault are displaying the same character errors. I can understand what core-el is saying but that's not the problem here. My fonts are not broken. What do I try next?

How do you know for sure your fonts aren't broken? (I thought mine weren't either, but re-installed them from another source anyways and it solved my problems).

I would recommend installing FireBug to inspect the broken fonts. Using firebug you should try 2 things:

1. Change the font-size of the specific broken font. 2. Change the font-family of the specific broken font.

Most likely you will find that the font breaks with a specific family at a specific size. In that case you will be able to (re)install that font on your computer.