Extra padding or margin on custom font in Chrome

Extra padding or margin on custom font in Chrome

I have a couple of fonts that I downloaded as a kit (ttf, eot, woff, etc).
However, in Chrome, they seem to have extra padding or margin that does
not show up in Internet Explorer or Firefox. it seems to be top and
bottom.
I did all the obvious css tricks like:
margin: 0;
padding: 0;
But this seems to be an issue with the font themselves.
Here is one of the fonts:
@font-face {
font-family: 'Bebas';
src: url('bebas.eot');
src: url('bebas.eot?#iefix') format('embedded-opentype'),
url('bebas.woff') format('woff'), url('bebas.svg#BebasRegular')
format('svg'), url('bebas.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
does anyone know any coding tricks to fix or a better way to
convert/download?