La resa del testo su Safari per Mac
Lunedì 16 Giugno 2008 - 09:30
di Cesare Lamanna
Apple ha di recente introdotto (su Mac OS X 10.5) una nuova tecnologia dedicata alla gestione del testo e dei font: CoreText. Grazie a questo post di Jon Notie ho scoperto che è proprio CoreText il responsabile della non perfetta visualizzazione del testo su certi siti che ho riscontrato con l’ultimo Safari. Non perfetta ovviamente ai miei occhi, ci sarà magari qualcuno per cui possa risultare l’optimum… Come evidenzia Jon, comunque, lo scenario più tipico è quello con testo chiaro su sfondi con colori o texture scuri (si veda il suo sito).
La buona notizia è che il nostro fornisce anche una semplice soluzione basata sui CSS. Si tratta di definire nel foglio di stile una regola che va ad intervenire sulla proprietà text-shadow:
* {
text-shadow: #000000 0 0 0px;
}
o su opacity:
* {
opacity: 0.9999999;
}
Il risultato? Ho manipolato il CSS del sito di Notie tramite il Web Inspector, eliminando la regola di cui sopra. Nel primo screenshot il testo com’è, nel secondo come sarebbe senza la regola:
Commenti
1
appena provata la prima soluzione, funziona anche con Safari su Vista, rendendo i caratteri meno massicci
2
nella validazione del file css, le 2 dichiarazioni vengono rilevate come errori:
La proprietà text-shadow non esiste per CSS versione 2.1 ma esiste in [css2, css3] : #000000 0 0 0
La proprietà opacity non esiste per CSS versione 2.1 ma esiste in [css3] : 0.9999999
Floyd
3
E non solo. Ho già provato questa funzione ma, nel mio caso, non mi rende più cliccabili le immagini che ho nel menu, quindi dovrei inserire la classe adhoc per i testi che mi servono.
A favore, però, questa classe toglie anche il “lampeggiamento” del testo nel caso ci fossero dei JS da caricare in pagina# - postato da 7keys - 16 Giugno 2008 - 11:54
4
in effetti ho dovuto eliminarla perchè non mi validava piu il css…
5
e che cosa farete? userete i css2 per il resto dell’esistenza ?
Avanti con i css3 e fanc**o a internet explorer :) :)io sto già creando il mio template di wordpress con i web fonts. yupyyy
# - postato da luglio7 - 16 Giugno 2008 - 20:37
6
Si sta parlando di Safari o di IE???
# - postato da simone - 18 Giugno 2008 - 11:20