tùy chỉnh @ font-face không tải trong chrome (phông chữ chrome tùy chỉnh không render)

Question

tùy chỉnh @font-face không tải trong chrome (phông chữ chrome tùy chỉnh không render) Sử dụng phông chữ tùy chỉnh sử dụng 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; 
} 

Các văn bản chỉ hiển thị khi bạn thay đổi kích thước cửa sổ màn hình.

Vì vậy, vui lòng thực hiện điều gì đó để giải quyết vấn đề này?

Answer 1

Trong trường hợp của tôi, sự cố được kết nối với nhiều @ cùng khuôn mặt được tạo bởi các mô-đun Góc 2 khác nhau. Xin vui lòng xem:

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

Answer 2

Hình như điều này là nhận định trong Chrome 59 nếu nó là lỗi tương tự như liệt kê ở đây: https://bugs.chromium.org/p/chromium/issues/detail?id=602968

Ngoài ra - nó có thể là một thực hành tốt hơn để chỉ bao gồm tờ khai font-face Một lần. Chúng tôi đã giải quyết vấn đề này bằng cách tái cấu trúc kiến ​​trúc CSS của chúng tôi và chỉ bao gồm cả phông chữ một lần.