hello

i have a little problem with the mossy font

i have screen-shot of 3 browsers with the same web-page but every browser shows a different view of mossy font

http://prntscr.com/71xpyo

how can i fix this ?

i have add this to my style.css

@font-face {
font-family: 'Mossy';
src: url('fonts/Mossy.eot');
src: url('fonts/Mossy.eot') format('embedded-opentype'),
url('fonts/Mossy.woff2') format('woff2'),
url('fonts/Mossy.woff') format('woff'),
url('fonts/Mossy.ttf') format('truetype'),
url('fonts/Mossy.svg#Mossy') format('svg');
url('fonts/Mossy.otf') format('otf');
}
i hope someone can explain me what to do or what to change ?

greetzz


PS. Sorry for my bad english

Try to search for Anti-aliasing fonts in CSS
(found this link, it may help : http://www.icondeposit.com/blog:how-to-properly-smooth-font-using-css3)

thanks for the quick respond but thats not working some other ideas ?

greetz

Nope... I'll show this thread to a front-end developper.