2016-02-18 50 views
5

zwyczaj @font-face nie ładuje w chromie (czcionki chrom niestandardowe nie rendering) Stosując niestandardowe czcionki za pomocą CSSzwyczaj @ font-face nie ładuje w chromie (czcionki chrom niestandardowe nie rendering)

@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; 
} 

enter image description here

Teksty są wyświetlane tylko podczas zmiany rozmiaru okna ekranu.

Czy jest zatem coś, co można zrobić, aby rozwiązać ten problem?

+1

Potrzebujemy więcej kodu. Nie można debugować z tego tylko. Ale w każdym razie, czy twierdzisz, że tekst w ogóle się nie wyświetla? A co z innymi przeglądarkami? –

+0

Dowolna zmiana rozmiaru lub do określonego rozmiaru? Czy podczas zmiany rozmiaru może wystąpić efekt zapytania o media? – Boaz

+0

Przydałoby się nieco więcej sekcji "Style" na zrzucie ekranu. –

Odpowiedz

0

Wygląda na to jest coraz stałe w Chrome 59, jeśli jest to ten sam błąd jak wymienione tutaj: https://bugs.chromium.org/p/chromium/issues/detail?id=602968

także - to chyba lepiej praktyką jedynie zawierać deklaracje font-face pewnego razu. Rozwiązaliśmy ten problem, refaktoryzując naszą architekturę CSS i włączając tylko twarze czcionek raz.