雜項文件不會在一些瀏覽器正確呈現

而且這是我包括它變成我的樣式表：

@font-face { 
    font-family: "surface"; 
    src: url(fonts/Surface-Medium.otf); 
}

這是我如何使用它：

#site-header .site-logo a { 
    color: #00B1ED; 
    font-family: "surface"; 
    font-size: 40px; 
    font-weight: bold; 
    letter-spacing: -1.5px; 
    text-shadow: 0 1px 5px #000000; 
    text-transform: capitalize; 
} 
#site-header .site-logo a span { 
    color: white; 

} 
#site-header .site-logo a span:last-child { 
    font-size: 22px; 
}

問題是，在谷歌瀏覽器呈現真的很糟糕：

enter image description here

，但在Firefox它工作得很好：
enter image description here

難道我做錯了什麼？

來源

2013-08-27 Toni Michel Caubet

這裏的問題是，我是其中的普通樣式字體，然後實施大膽，

出於某種原因，它在Firefox中工作，所以它是有意義失敗了別人，但這：

@font-face { 
    font-family: "surface"; 
    src: url(fonts/Surface-Medium.otf); 
    font-style: normal; 
} 
@font-face { 
    font-family: "surface"; 
    src: url(fonts/Surface_Bold.otf); 
    font-style: bold; 
}

使其成爲其他瀏覽器也

科西嘉當中，bold.otf文件必須包含在使用路徑

來源

2013-08-27 18:55:00

轉換字體爲嵌入式OpenType（.eot）並添加.woff對其他瀏覽器的支持。它在瀏覽器中正確渲染。

或者嘗試一下本作鉻-webkit-font-smoothing: antialiased;

來源

2013-08-27 07:51:17

大多數Windows瀏覽器將只呈現的TrueType字體與平滑的任何程度。 OpenType（CFF）通常無法在Windows渲染引擎中良好渲染。不僅如此，這些TrueType字體必須包含提示數據，以告知Windows如何以小尺寸放置像素。考慮通過字體松鼠發電機運行您的OTF給你一向以正確的CSS代碼所需的字體格式。

來源

2013-08-27 12:24:41

您好工作，我不知道你的意思是......我TRIE d從這裏下載它：http://www.fontsquirrel.com/fonts/Surface?q=SURFACE但鏈接已斷開...任何想法？ –

鏈接是固定的，但無關你正在嘗試做的。您必須將暗示的字體從OTF轉換爲TTF。去這裏：http://www.fontsquirrel.com/tools/webfont-generator –

雜項文件不會在一些瀏覽器正確呈現

回答

相關問題