2015-10-01 8 views
5

Sto riscontrando un problema in cui il progetto su cui sto lavorando rende le lettere TM insieme sempre in apice solo in Firefox. Ecco un jsfiddle che ti permette di vedere il problema in azione: https://jsfiddle.net/2aLp0zbc/1/Nimbus Sans L rendering TM in apice in Firefox solo ... bug del browser?

Non so se questo è un bug del browser o un file di font corrotto (funziona bene in tutti gli altri browser che ho provato) o se Mi manca qualcos'altro. Qualsiasi feedback sarebbe apprezzato.

@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

Ho appena provato usando 'text-transform' come un lavoro in giro e * Si mette ancora in apice *. Questo è solo * strano *. – BSMP

+0

Per quanto posso dire che non lo sta mettendo in apice, sta sostituendo TM con il carattere ™. Molto strano ma molto probabilmente qualcosa di sbagliato con le legature nel font. – joshhunt

+0

@joshhunt ma è comunque possibile selezionare le lettere separatamente e la legatura ™ è un singolo carattere. Mi sto proponendo di avere una versione del font che è rotta in un modo che solo Firefox rende errato. – Kevin

risposta

3

Per quanto posso dire che non sta mettendo in apice, è la sostituzione TM con il carattere ™. Molto strano ma molto probabilmente qualcosa non va con il ligatures nel carattere.

Per risolvere il problema si può aggiungere questo alla tua CSS:

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

Si noti che questo potrebbe influenzare altri legature del font.

+0

Sono stato anche avvisato di questa impostazione che ho seguito: font-feature-settings: "liga" off; – Kevin

+0

Ho provato anche quello e non sembrava funzionare per me. Si scopre che ho sbagliato la sintassi, hai ragione anche tu. – joshhunt

+0

Anche se posso dire che fanno esattamente la stessa cosa? Non so troppo su queste impostazioni. – joshhunt

0

Penso che ci sia qualcosa in corso con il tuo file di font. quando cambio il font in Arial, la TM torna alla normalità.

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

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