2013-04-20 6 views
6

Il titolo dice quasi tutto. Sto generando kit font-face usando lo scoiattolo dei font e sto riscontrando problemi con l'intervallo delle lettere in Safari.La spaziatura tra lettere CSS non funziona con i font SVG in Safari?

Poiché i browser Webkit rendono i font SVG molto più piacevoli dei font WOFF, ovviamente voglio usare SVG. Tuttavia ho notato che la spaziatura delle lettere non sembra funzionare in Safari. È un problema noto?

+0

Guarda se queste risposte ti aiutano: http://stackoverflow.com/a/3836140/684932 In ogni caso, la maggior parte delle informazioni ho trovato dei punti noti che la spaziatura delle lettere su Safari funziona solo con pixel e non lavorare con qualcosa di inferiore a 1px. Ma la maggior parte delle cose che ho trovato sono dal 2010-2012, niente di relativamente 'nuovo'. – RaphaelDDL

+0

Btw sembra funzionare su Chrome che punta a Safari Bug, non a Webkit. – RaphaelDDL

+0

Il mio problema è semplicemente che la spaziatura delle lettere non funziona A TUTTI con i font svg. Niente a che vedere con i valori dei pixel decimali. Ed è sicuramente un bug di safari. Farò un violino più tardi quando sarò al mio computer per dimostrarlo. – jcvandan

risposta

2

probabilmente si può fare riferimento post precedenti su questo,

Safari, letter-spacing with custom font

Is there a way to make css letter-spacing: 0.5 px?

Safari Bug

Questo link di errore dice che l'uso di JavaScript è possibile assegnare la spaziatura. Il suo strano bug ..

Sono sicuro che questo link vi darà alcuni spunti ..

ho trovato uno Fiddle [Fiddle]4

che ridurrà il vostro lavoro, forse questo funziona bene in Chrome ora sto usando la versione 26 di Chrome. Non ho installato safari, visto che non sono uno dei fan dei safari. :)

2

Come sottolineato da MarmiK, questo è un known issue nell'elenco di bug WebKit (Bug # 20606). Il fatto che influenzi WebKit nel suo insieme significa che dovrebbe essere visibile in Chrome, Safari e in qualsiasi altro browser WebKit.

L'ultimo bug, tuttavia, è che è stato rilevato da uno degli sviluppatori di Chromium su o intorno a 2013-03-22, il che rappresenta un progresso importante poiché il bug è rimasto unassigned per quasi 4 anni.

Dato che altri bug di tipo tipografico/allineamento sono stati corretti di recente (come 99439, che si riferisce ad attuare text-align-last), sembra che la comunità di sviluppo WebKit è in fase di messa a fuoco alcuni di questi problemi verso il basso.

Se si desidera tenere traccia dello sviluppo in corso attorno a questo problema, continuare a seguire lo Bug 20606 History o tracciare il numero Bug 20606 Discussion. Il primo collegamento ti mostrerà progressi/commit/modifiche relative al bug e ai suoi sforzi di sviluppo. Il secondo ti mostrerà la conversazione utente/sviluppatore attorno al bug, così come lo auto-generated commentary del Bot Build, poiché esegue test unitari contro qualsiasi codice di check-in pertinente.

Infine, per controllare una determinata versione del browser preferito rispetto ad altri benchmark per questa implementazione, dare un'occhiata a this link. In alto a sinistra verrà visualizzato il rendering del browser e le schermate seguenti mostreranno altri browser (un po 'obsoleti a questo punto) e il modo in cui implementano i valori non interi letter-spacing. In alternativa, puoi vedere qualcosa di simile facendo riferimento a this jsFiddle.