Perché iOS Safari aggiunge spazio in più alle lettere?

Penso di aver trovato un bug di rendering web per Google Fonts in Mobile (iOS 8) Safari. Mi sembra che Mobile Safari aggiunga un po ‘di spaziatura delle lettere a tutto il testo che utilizza Google Fonts o che usi un altro font. Non importa quale tipo di carattere Google provo (Open Sans). Rende correttamente su tutti i browser moderni. Testato Android, FF, Chrome, Safari.

Prova a caricare questa pagina su un dispositivo iOS per vedere cosa intendo. Vedi anche vedere il codice e lo screenshot. Vedere questo link per la revisione dal vivo: https://dl.dropboxusercontent.com/u/430406/Temp%20%5Bok%20to%20delete%5D/Checking%20Font/index.html

       

Roboto: Looks like it gets a bit extra line-spacing in iOS Safari, though this is not possible to find in web inspector

Arial: Works fine in iOS Safari

inserisci la descrizione dell'immagine qui

Ho trovato la soluzione in questa domanda: iOS 4.2+ webfont (ttf) in grassetto bug per il rendering dei caratteri

Mobile Safari esegue il rendering buggy del peso dei font finti, se non si imposta il peso del font (ad esempio font-weight: 400 o font-weight: normal ) È necessario impostare in modo specifico il peso del font css per renderlo correttamente safari mobile.

Questa è la soluzione.

 h2 { font-weight: 400; } 

Tieni presente che Google Web Fonts esporta il peso normale (400) solo per impostazione predefinita, il che può portare a Mobile Safari (e altri browser) a dover imporre il falso in grassetto.

Per esportare in modo esplicito i pesi in grassetto, seleziona “PERSONALIZZA” nel riquadro di selezione dei font di Google Web Font, controlla manualmente ogni peso aggiuntivo richiesto e utilizza il codice di incorporamento aggiornato.

([Screenshot: riquadro Personalizza Google Fonts ) ] 1