2015-10-01 33 views
5

我遇到了一個問題,我正在使用的項目將字母TM始終以只在Firefox中的上標呈現在一起。這裏是一個jsfiddle,讓你看到的問題在行動:https://jsfiddle.net/2aLp0zbc/1/Nimbus Sans L僅在Firefox上標中渲染TM ...瀏覽器錯誤?

我不知道這是一個瀏覽器錯誤或損壞的字體文件(在我測試過的所有其他瀏覽器中工作正常),或者如果我錯過了別的東西。對於任何反饋,我們都表示感謝。

@font-face { 
    font-family: 'NimbusSansL'; 

    src: url('https://dl.dropbox.com/s/8u7missp60h2c32/nimbus-sans-l_regular-webfont.woff2?dl=1') format('woff2'); 
    font-weight: normal; 
    font-style: normal; 
    -webkit-text-stroke: 1px rgba(0,0,0,0.1) 
} 

body { 
    font-family: 'NimbusSansL'; 
} 
+0

我只是用'文本transform'作爲工作圍繞嘗試和*它仍然把它放在標*。這只是*怪異*。 – BSMP

+0

據我所知,它沒有把它放在上標中,它將TM替換爲TM字符。非常奇怪,但很可能是字體中的連字錯誤。 – joshhunt

+0

@joshhunt,但您仍然可以單獨選擇字母,並且™連字符是單個字符。我傾向於使用某種只會導致Firefox呈現錯誤的字體版本。 – Kevin

回答

3

至於我可以告訴它不要把它標,它與™字符替換TM。非常奇怪,但很可能在字體中出現了ligatures錯誤。

要解決它,你可以將它添加到你的CSS:

font-variant-ligatures: no-common-ligatures; 

注意,這可能會在字體效果等連字。

+0

我也被告知這個設置,我去了: font-feature-settings:「liga」off; – Kevin

+0

我也試過,它似乎並沒有爲我工作。原來我只是語法錯了,你說得對,那也行。 – joshhunt

+0

儘管我可以告訴他們做的事情完全一樣嗎?不太瞭解這些設置。 – joshhunt

0

我覺得你的字體文件有些問題。當我將字體更改爲Arial時,TM會恢復正常。

https://jsfiddle.net/2aLp0zbc/7/

body { 
    font-family: arial, 'NimbusSansL'; 
}