This specific problem is due to installing a version of the Helvetica font (very commonly used on the web) that either Windows or Firefox can't display. To confirm, all you have to do is paste the following text in your Firefox address bar and hit enter:
data:text/html,
Helvetica
<font face="Helvetica" size="25">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</font>
Helvetica Neue
<font face="Helvetica Neue" size="25">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</font>
If it displays as weird symbols, then you can be sure that's your problem.
To fix it, all you have to do is go to %WINDIR%\Fonts and delete all the fonts named Helvetica.
If for some reason, Windows doesn't allow you to, you have to go to the registry, navigate to HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts
and then delete all the entries that have Helvetica on their name.
If you are using Windows 7 64-bit, you also have to delete the Helvetica entries from the following registry key.
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Windows NT\CurrentVersion\Fonts
After this, you only need to reboot your computer and the fonts will be displayed correctly again. At least that fixed it for me.
Do you have Helvetica Extra Compressed installed on your machine? It seems as though Helvetica Extra Compress was taking over as the system default for sans-serif, instead of Arial. Once I removed the font from my system fonts, everything went back to normal.
Hopefully this helps.
Best Answer
Seems like I found an answer to my own question. After long research I finally found a solution in this site: http://www.ghacks.net/2011/03/23/blurry-fonts-in-firefox-try-anti-aliasing-tuner/
I did not use the Anti Aliasing Tuner though, what I did was simply disable Hardware acceleration.
I hope this helps someone in the future.