Desidero utilizzare un carattere pixel sul Web. Lo sto includendo usando @ font-face, ma tutti i browser stanno applicando l'anti-alias al font. Non riesco a trovare una regola CSS per disabilitare questo, qualcuno può pensare ad un altro metodo per disabilitare l'anti-aliasing?È possibile disabilitare l'anti-aliasing nei CSS quando si utilizza @ font-face con i font pixel?
rendering dei font è fatto da parte del sistema operativo e del browser, così, a partire da ancora, credo che c'è poco che si può fare con i CSS. Potrebbero esserci alcune regole CSS proposte in discussione (ho visto menzionare "font-smooth" o qualcosa del genere), ma nulla in CSS3, per quanto ne so, e sicuramente nulla nei CSS2.
Non penso che css abbia un'opzione per l'anti-aliasing. Prova invece cufon: http://wiki.github.com/sorccu/cufon/about
È abbastanza facile da usare e renderà i tuoi caratteri pixel molto bene. Potreste anche essere interessati a Pxfon di Shaun Inman: http://shauninman.com/archive/2009/04/17/pxr_cufon_pxfon
Ciò rende bene, ma l'evidenziazione testo è orribile, e diventa molto evidente che non è un normale font. Vedi un esempio di questo qui: http://pixel-portraits.com/pxfon/ –
La maggior parte dei tipi di carattere di pixel semplicemente non funzionerà correttamente se li utilizza su un formato 8pt multipla (8, 16, 24, ecc)
Se si lavora su sbagliate di font-formati che finirà ottenere personaggi con alias/nebbioso.
Check this out ...
http://www.fontsquirrel.com/fonts/list/style/Pixel
... Può essere utile;)
Anche con la dimensione del carattere corretta alias ancora il font :( – Samuel
Questa domanda è vecchia, quindi volevo solo dare un aggiornamento.
In base a caniuse.com, esiste una proprietà CSS ma è stato rimosso dalle bozze delle specifiche CSS3. Quindi non è una soluzione standard. Alcuni Webkit, Firefox & browser Opera lo supportano ma non è coerente. Funziona soprattutto per gli utenti desktop e Mac OS
-webkit-font-smoothing: none || antialiased || subpixel-antialiased
-moz-osx-font-smoothing: auto || inherit || unset || grayscale
font-smoothing: auto || inherit || unset || grayscale
ho avuto problema simile oggi e sembra che anche se font-liscio non funziona in Firefox contemporanea * l'aggiunta di qualche filtro fa:
filter: contrast(1);
Tuttavia sembra essere un po 'hacky disabilitare l'anti-aliasing con il filtro. Dal modo in cui non causa la disabilitazione completa dell'antialiasing, fa sì che venga applicato in qualche modo in modo diverso, in modo che i font bitmap vengano visualizzati correttamente. D'altra parte, interrompe il rendering di caratteri non bitmap.
* & thinsp; provata su Fixedsys da http://doir.ir/fixedsys/demo.html, su Iceweasel 38.40.0, su Debian 8.
Grazie, praticamente quello che ho capito. – Samuel