Estoy luchando un poco con la opción CSS @ font-face. Después de leer mucho, intentarlo y volver a intentarlo, finalmente encontré un sitio web que te hace un paquete listo para usar cuando cargas tu fuente. Se está ejecutando ahora, pero parece que la fuente no se suaviza. Si bien veo que esto sucede en otros sitios web, el mío no representa los encabezados de la manera que quiero.

Mi código CSS:

@font-face {
font-family: 'YanoneKaffeesatzThin';
src: url('../fonts/yanonekaffeesatzthin-webfont.eot');
src: local('☺'), url('../fonts/yanonekaffeesatzthin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatzthin-webfont.ttf') format('truetype'), url('../fontsyanonekaffeesatzthin-webfont.svg#webfontyC5sm3N9') format('svg');
font-weight: normal;
font-style: normal;}

¿Qué queda por hacer para que este último, pero molesto, problema desaparezca?