So I have been messing around with @font-face and cant seem to figure it out. On the site below I have tried 4 random fonts and they all look terrible. At first I went with the basic CSS (first text below) and then did some research and figured out I had to have different variations for different browsers so used a generator and came up with the CSS (second set below) that most people are posting as the resolution but that didn't seem to work either. Any ideas on what im missing? I figure a lot of people have to use this if you can get it to work right considering the thousands of fonts to use. On the sites they are sold/downloaded they look okay so I figured they have to work if you do it right.
src: url('http://www.hrreplacementcushions.com/wp-content/themes/twentyeleven/font1.eot?#iefix') format('embedded-opentype'),