Solucionar problema con las fuentes que no se ven bien en Google Crome.

Si usas una llamada de este tipo para visualizar tus propias fuentes:

 

@font-face {
font-family: ‘ColaborateThinRegular’;
src: url(‘fonts/ColabThi-webfont.eot’);
src: url(‘fonts/ColabThi-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘fonts/ColabThi-webfont.woff’) format(‘woff’),
url(‘fonts/ColabThi-webfont.ttf’) format(‘truetype’),
url(‘fonts/ColabThi-webfont.svg#ColaborateThinRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

Hay que añadir lo siguiente:

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: ‘ColaborateThinRegular’;
src: url(‘fonts/ColabThi-webfont.svg#ColaborateThinRegular’) format(‘svg’);
}
}

 

Parece ser que Google Crome le gusta que se llame por separado al tipo de fuente, y no mezclar diferentes llamadas de las fuentes.

Este proceso hay que repetarlo en cada llamada a cada fuente de nuestro archivo CSS.

Rate this post