Chrome e il bug dei font non renderizzati

Con l'ultimo aggiornamento di Chrome (v.33) ho notato un bug ricorrente. Al caricamento della pagina, tutti i font inseriti tramite font-face risultano invisibili.
Chrome e il bug dei font non renderizzati

I testi non vengono renderizzati

Con l’ultimo aggiornamento di Chrome (v.33) ho notato un bug ricorrente. Al caricamento della pagina, tutti i font inseriti tramite font-face risultano invisibili. Facendo qualche ricerca online ho scoperto che si tratta di un bug noto.

La soluzione al problema

L’unica soluzione che ho trovato in rete, risalente al 25 febbraio 2014, si basa su un css che agisce direttamente sul body.

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

WordPress Plugin

Esiste anche una versione per WordPress scaricabile a questo link.

Hack temporaneo

Questo articolo si basa su un bug verificato nei primi mesi del 2014. Sicuramente nelle release successive di Chrome, tale bug verrà risolto dal team di sviluppo. L’hack quindi è da considerarsi una soluzione temporanea al problema.

Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github