Domanda Problemi di Typekit e @fontface su tutti i browser Windows con l'app Ruby on Rails, in particolare Chrome


La mia app Ruby on Rails odia font personalizzati e non so perché. Ecco alcuni degli errori e risoluzione dei problemi che ho attraversato.

Innanzitutto, ci sono stati errori di visualizzazione devastanti che si sono verificati solo su Google Chrome su un PC. Il testo si sovrapporrà, i paragrafi all'interno dello stesso div avranno larghezze diverse, i pulsanti avranno una larghezza ridotta, una copia si sposterà a destra nella pagina ... al punto in cui alcuni dei siti sono inutilizzabili. Alla fine ho capito che il browser sembrava non capire correttamente il font. Se avessi usato i font websafe come Arial e Georgia, i problemi sparirono. Quindi ho pensato che forse i font @ font-face che vivono sul mio server erano corrotti. Anche il problema di Chrome è apparso solo nelle versioni successive di Chrome (da 20 in su). La parte più strana di questo è che succede solo intermittenza. A volte la pagina viene visualizzata correttamente e talvolta sembra pazzesca. Ciò si è verificato su più computer e la cancellazione della cache non sembra influire sull'errore.

Ho quindi integrato Typekit di Adobe per servire i font invece dal loro server. Ora gli errori di visualizzazione sono scomparsi, ma tutti i browser Windows ignorano il font typekit e visualizzano invece i font di fallback. Questo è IE, Firefox e Chrome su Windows, varie versioni.

Il sito è in parte Ruby on Rails, in parte PHP (WordPress), e questi problemi si verificano solo sulle pagine Ruby on Rails. I file di font che pensavo fossero corrotti sono gli stessi file di font che funzionano magnificamente sul lato PHP del sito.

Ecco alcuni screenshot del problema iniziale di Chrome con i font server ospitati.

Il sito ha attualmente i font ospitati dal server in tempo reale (con l'errore di Chrome). Una pagina sul sito in cui questo sta accadendo: http://levoleague.com/jobs

Qualche idea sul perché la mia app rifiuta i caratteri?

Paragraphs running off of page

Text overlapping

Tds overlapping

Nonsense characters in drop-down


22
2017-10-30 20:28


origine


risposte: