Google Roboto font lelijk in Mozilla Firefox

Dit is alle CSS om de fonts in te laden:

@font-face {
	font-family: 'Roboto';
	src: local('Roboto'),
		 local('Roboto-Regular'),
		 url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	src: local('Open Sans Light'),
		 local('OpenSans-Light'),
		 url('./fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Oxygen';
	src: local('Oxygen'),
		 local('Oxygen-Regular'),
		 url('./fonts/Oxygen/Oxygen-Regular.otf') format('opentype');
}

En het pad naar de font klopt.

Het kan te maken hebben met de antialias van de font die de browser rendert.
Elke browser doet dit anders.

http://stackoverflow.com/questions/17864742/how-to-apply-font-anti-alias-effects-in-css

Als ik Roboto-Regular.ttf vergelijk met je eerste plaatje, denk ik dat het aan de gewichten kan liggen. Je krijgt namelijk soms faux bold of "vals vet" als je de regular-variant voor font-weight: normal of font-weight: 400 vetter probeert weer te geven.

Watch your @font-face font-weight

Ik heb die font-smoothing en de text-shadow in mijn CSS gedaan op de juiste plek, steeds geen verandering in Firefox.
Overigens zie ik ergens bij de link die je stuurde dat font-smoothing niet meer ondersteund word.

Ik denk dat wat Ozzie PHP zei het beste is.

Dus ik moet het maar accepteren, maar daar krijg ik al minder moeite mee als ik op een aantal plekken zie dat Chrome het meeste gebruikt word.

[size=xsmall]Toevoeging op 18/05/2015 12:04:51:[/size]

Eerlijk gezegd vind ik dat 'vals vet' wel mooi eigenlijk.
Maar ik denk zelf ook wel dat het met de renderwijze te maken heeft, en dat we hier eigenlijk niks aan kunnen doen.

Evengoed wil ik iedereen bedanken voor de moeite.