Wydaje mi się, że znalazłem błąd renderowania strony internetowej dla przeglądarki Google Fonts in Mobile (iOS 8). Wydaje mi się, że Mobile Safari dodaje niewielką ilość odstępów między literami do wszystkich tekstów, które korzystają z czcionek Google lub używa innej czcionki. Nie ma znaczenia, którą czcionkę Google wypróbuję (Open Sans). Wyświetla się poprawnie we wszystkich nowoczesnych przeglądarkach. Testowany Android, FF, Chrome, Safari.Dlaczego Safari iOS dodaje dodatkowe odstępy między literami?
Spróbuj załadować tę stronę na urządzeniu z systemem iOS, aby zobaczyć co mam na myśli. Zobacz także kod i zrzut ekranu. Zobacz ten link na żywo test: https://dl.dropboxusercontent.com/u/430406/Temp%20%5Bok%20to%20delete%5D/Checking%20Font/index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<h2 style="font-family: 'Roboto'">Roboto: Looks like it gets a bit extra line-spacing in iOS Safari, though this is not possible to find in web inspector</h2>
<h2 style="font-family: 'Arial'">Arial: Works fine in iOS Safari</h2>
</body>
</html>
)
myślę, że odpowiedziałeś na swoje pytanie, „muli” nie jest bezpieczne czcionki stron internetowych, do nich można oczekiwać nieoczekiwanego zachowania w niektórych przeglądarkach, które jest to, czego doświadcza. Użyj innej czcionki, najlepiej bezpiecznej w sieci, aby zapewnić spójność między przeglądarkami. To najlepsza praktyka. – EaziLuizi
FYI, nie głosowałem, co kiedykolwiek, przynajmniej wyjaśnij, dlaczego przegłosowano. To nie promuje lepszych pytań/odpowiedzi w SO. – EaziLuizi
Safari dla systemu iOS powinien obsługiwać czcionki Google, a renderowanie jest poprawne we wszystkich innych nowoczesnych przeglądarkach, więc używanie czcionki "bezpiecznej w Internecie" nie jest alternatywą. Musi być inne rozwiązanie. Oto prostszy przykład problemu: https://dl.dropboxusercontent.com/u/430406/Temp%20%5Bok%20to%20delete%5D/Checking%20Font/index.html – Andreas