Quando si utilizza il testo bianco su sfondo nero, il testo sembra più grasso di quanto dovrebbe sembrare. È puro testo con css. Sto usando il font typekit.org.CSS - testo bianco su sfondo nero, sembra più audace
C'è un modo per risolvere questo problema o è qualche tipo di problema di anti-aliasing?
Il testo è in grassetto a causa dell'algoritmo anti-alias utilizzato nel browser. È facile da verificare Porta gli screengrabs in IE, Safari, Firefox e Chrome. Hanno tutti anti-alias in modo diverso. Alcuni rendono il testo più spesso di altri. Generalmente il testo migliore sembra bianco su nero, il più grasso sembra invertito.
C'è una spiegazione completa qui: http://www.lighterra.com/articles/macosxtextaabug/
Questo si spegne l'anti-aliasing in maggior parte dei browser:
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
Sì, funziona - È davvero fastidioso quando le persone cercano di affermare che si tratta di un'illusione ottica quando chiaramente non lo è! – advert2013
Penso che la versione moz dovrebbe essere -moz-osx-font-smoothing: in scala di grigi Vedi [questa risposta] (http://stackoverflow.com/a/17927764/896907) – josef
Hmm, ottengo ancora i rendering di caratteri più spessi su chrome/finestre con testo bianco. –
Penso che sia un'illusione ottica, il css è definito da te, se non hai messo una regola che rende il testo in grassetto nel css, allora non può essere in grassetto.
Suppongo di sì, irritante. – Philip
Commentando il mio downvote perché SO lo suggerisce: no, non è un'illusione ottica. Nessuna tecnologia nello sviluppo front-end viene tagliata e asciugata in questo modo. Tutto, dall'API DOM all'estetica CSS, è soggetto alla diversa implementazione di ciascun browser e tali variazioni possono essere molto problematiche per alcuni di noi. –
Non un'illusione, ma un vero bug. –
In realtà, si tratta di un knownbug:
ero in grado di risolvere il problema utilizzando:
-webkit-font-smoothing:antialiased
Origine: this article (cached on archive.org).
Un po 'in ritardo, ma potrebbe essere ancora utile per alcuni.
Basta ricordare this is not recommended. A meno che tu non sia su MacOS e utilizzi testo chiaro su sfondo scuro.
Il link era inattivo. Specchio qui: https://web.archive.org/web/20131019233655/http://tanookilabs.com/your-fonts-look-bad-in-chrome-heres-the-fix – geon
Due problemi archiviati e 5 anni dopo l'ultimo Chrome rende ancora il testo chiaro su sfondo scuro in modo totalmente disgustoso su MacOS. Questo fa schifo tanto ... –
No, questa è un'illusione ottica, aprila in Photoshop e inverti i colori, sembra la stessa. –
@BenjaminGruenbaum - L'ho appena fatto, e non sembra lo stesso. – Philip
forse non ho l'occhio di un artista, perché sembra uguale a me:/ –