2016-02-18 41 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來解決問題。

相關問題