html - 自定义@ font-face不会在Chrome中加载(Chrome自定义字体无法呈现)

自定义@font-face不会在chrome中加载(不渲染chrome自定义字体)使用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;
}

文本仅在您调整屏幕窗口大小时显示。

因此，可以采取一些措施来解决此问题吗？

最佳答案

就我而言，问题与由不同的Angular 2模块制作的相同@ font-face的多次包含有关。请参阅:

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