Plugins y algunos trucos para WP

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

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.


Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad