Text Rendering/Font Smoothing CSS
Hola buenas,
Antes de nada, no sé si este tema irá bien aquí o en el de "Tipografías".
Tengo una duda respecto a la fuente que pongo en mi CSS. Y es que se ve perfecto (o casi) para todos los navegadores salvo para Firefox de Windows.
Mi CSS tiene este código:
body {-webkit-font-smoothing: antialiased !important; -webkit-text-stroke: 0.3px white !important;-moz-osx-font-smoothing: grayscale !important;font-smooth: always !important;font-smoothing: antialiased !important;-moz-font-smoothing: antialiased !important;text-rendering: optimizeLegibility;}
He probado mil cosas buscando por foros y demás pero no hay manera. Sigue viéndose horrible en FF de Windows.
No sé si a alguno de vosotros le ha pasado lo mismo alguna vez y si ha podido conseguir solucionarlo.
En cualquier caso, muchísimas gracias de antemano.
Oinatz
Usuario desconocido
qué tipo es?
oini
MrSoriano
Brandon Grotesque
hartum
Prueba así:
@font-face {
font-family: 'fontname';
src: url('fonts/fontname.eot');
src: url('fonts/fontname.eot') format('embedded-opentype'),
url('fonts/fontname.svg') format('svg');
}
/*if mozilla*/
@-moz-document url-prefix() {
@font-face {
font-family: 'fontname';
src: url('fonts/fontname.ttf') format('truetype');
}
}
oini
HARTUM
Hola Hartum,
Gracias pero tampoco me ha servido.
Un saludo!
javier poyatos
No se si será lo que estás buscando porque yo he tenido problemas con el render de Chrome, no en FF. Lo he solucionado cargando primero el .svg antes que el resto de las fuentes...
Un saludo