css - Font baseline broken on Chrome and Firefox on Windows -


i have weird issue on i've lost hours no avail. have website custom font implemented as:

@font-face{ font-family:lilgroteskbold; src:url(../fonts/lilgroteskbold.eot); src:url(../fonts/lilgroteskbold.eot?#iefix) format("embedded-opentype"), url(../fonts/lilgroteskbold.woff) format("woff"), url(../fonts/lilgroteskbold.ttf) format("truetype"), url(../fonts/lilgroteskbold.svg#lilgroteskbold) format("svg") } 

now works smoothly on osx, , on ie (yes, that's not hear often) font baseline broken on chrome , firefox on windows. image of problem here:

http://www.restons-serieux.com/broken_baseline.jpg

as can see, u, a, e lower baseline, m , r higher... it's mess.

we suspected 1 of file types causing problems, tried woff, svg, without svg, etc, no avail: behaves way.

has else experienced this? :)

if change font-weight property bold instead of number, should trick :)


Comments