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
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
oini
HARTUM
Hola Hartum,
Gracias pero tampoco me ha servido.
Un saludo!
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
MrSoriano
Brandon Grotesque
Usuario desconocido
qué tipo es?