2016-02-18 40 views
5

定制@font-face不会在Chrome浏览器加载(铬自定义字体不渲染)使用使用自定义字体的CSS定制@字体面不会在Chrome浏览器加载(铬自定义字体不渲染)

@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

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

那么请问有什么可以解决这个问题吗?

+1

我们需要更多的代码。无法从此调试。但无论如何,你是否说文本根本不显示?其他浏览器如何? –

+0

是否有任何调整大小或特定大小?调整大小时是否会有媒体查询生效? – Boaz

+0

屏幕截图中更多的“样式”部分将派上用场。 –

回答

0

看起来这是搞定了在Chrome 59,如果它是这里列出的相同错误:https://bugs.chromium.org/p/chromium/issues/detail?id=602968

而且 - 它可能是一个更好的做法是只包括字体面对面声明一旦。我们通过重构我们的CSS架构并仅包含一次font-faces来解决问题。

相关问题