personalizzato @ font-face non viene caricato in cromo (font cromo personalizzati non il rendering)

Question

personalizzato @font-face non viene caricato in cromo (font cromo personalizzati non il rendering) Utilizzo di caratteri personalizzati utilizzando i CSS

@font-face { 
    font-family:'gotham-rounded-medium'; 
    src:url('fonts/gothumrounded_medium/gotham-rounded-medium.eot'); 
    src:url('fonts/gothumrounded_medium/gotham-rounded-medium.eot?#iefix')format("embedded-opentype"), 
     url('fonts/gothumrounded_medium/gotham-rounded-medium.woff')format("woff"), 
     url('fonts/gothumrounded_medium/gotham-rounded-medium.ttf')format("truetype"), 
     url('fonts/gothumrounded_medium/gotham-rounded-medium.svg')format("svg"); 
    font-weight:400; 
    font-style:normal 
} 

.custom_font{ 
    font-family:'gotham-rounded-medium', arial, sans-serif; 
} 

I testi vengono visualizzati solo quando ridimensionate la finestra dello schermo.

Quindi, per favore c'è qualcosa che può essere fatto per risolvere questo problema?

Answer 1

Nel mio caso il problema era connesso con l'inclusione multipla dello stesso font-face @ realizzato da diversi moduli Angular 2. Si prega di consultare:

https://bugs.chromium.org/p/chromium/issues/detail?id=582198#c20

Answer 2

appare come questa è sempre fissata in Chrome 59, se è lo stesso bug come elencato qui: https://bugs.chromium.org/p/chromium/issues/detail?id=602968

Inoltre - è probabilmente una pratica migliore per includere solo le dichiarazioni font-face una volta. Abbiamo risolto il problema effettuando il refactoring della nostra architettura CSS e includendo solo font-facce una volta.