2012-11-08 23 views
18

Sto usando lo molto proprietà CSS utile -webkit-font-smoothing: antialiased nei browser Webkit per garantire un testo fine e piacevole sui titoli ecc. Esiste una proprietà equivalente in Firefox?-webkit-font-smoothing: equivalente antialiasing in firefox?

Font in WebKit con -webkit-font-smoothing: antialiased:

enter image description here

caratteri in Firefox:

enter image description here

Come si può vedere il testo in Firefox è più grassa di in Webkit. Senza -webkit-font-smoothing: antialiased, il testo sembra lo stesso in Webkit come in Firefox.

+0

Avere lo stesso identico problema in FF19 – novicePrgrmr

+2

Firefox fa schifo per il tipo. –

+0

Hai mai trovato una soluzione? Sto avendo un problema simile, a quanto pare si tratta di rendering sub-pixel. – Rob

risposta

20

Firefox 25 + supporta un nuovo Mac OS sola proprietà CSS non standard -moz-osx-font-smoothing efficace simile al WebKit di -webkit-font-smoothing.

Quindi, questo codice dovrebbe fornire risultati coerenti in Firefox e WebKit:

.example { 
    -moz-osx-font-smoothing: grayscale; /* Firefox */ 
    -webkit-font-smoothing: antialiased; /* WebKit */ 
} 
+0

Ma funziona solo su sistemi MAC OS. Questo è abbastanza importante da dire a mio avviso. – kwoxer

+0

@kwoxer > nuova ** proprietà CSS non standard ** solo per Mac-OS ** –

1

A un certo punto firefox ha avuto un font-smooth, ma è stato rimosso e per quanto ne so non è incluso nella traccia corrente. Ho fatto qualche ricerca su google e non ho visto alcuna indicazione sul fatto che ci sarebbero stati dei cambiamenti.

In alternativa, è possibile provare una soluzione come: http://www.elfboy.com/blog/text-shadow_anti-aliasing/.

+0

Ho aggiornato la mia risposta, spero che tu capisca cosa intendo adesso. L'aggiunta di un'ombra qui non funziona purtroppo. – wowpatrick

0

Firefox ha il comportamento che stai dopo di default, per quanto ne so, quindi non c'è alcuna necessità di richiedere esplicitamente ...

1

Il problema è -webkit-font-smoothing: antialiased, che disabilita standard di sub-pixel smussatura dei caratteri. Prova leggere this

Problemi correlati