19
我想我已經在移動版（iOS 8）Safari中發現了Google字體的網絡渲染錯誤。在我看來，Mobile Safari爲所有使用Google字體的文本或使用其他字體的文本添加了一小部分字母間距。我試用的Google字體（Open Sans）無關緊要。它在所有現代瀏覽器上正確渲染。經過測試的Android，FF，Chrome，Safari。爲什麼iOS Safari添加額外的字母間距？
嘗試在iOS設備上加載此頁面以查看我的意思。另請參閱代碼和屏幕截圖。請參閱此鏈接直播回顧：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>
)
我想你已經回答了你自己的問題，「木裏」不是一個網絡安全的字體，因此，你可以期望在某些瀏覽器意外的行爲是你正在經歷。爲了瀏覽器之間的一致性，請使用不同的字體，最好使用網絡安全字體。這是最佳做法。 – EaziLuizi 2015-03-03 14:17:14
僅供參考，我沒有投票，誰曾經做過投票，至少提供了一個解釋爲什麼你投了票。這不會促進SO中更好的問題/答案。 – EaziLuizi 2015-03-03 14:19:29
iOS Safari應該支持谷歌字體，並在所有其他現代瀏覽器中正確呈現，因此使用「網頁安全」字體不是一種選擇。必須有另一種解決方案。這裏是一個更簡單的問題示例：https://dl.dropboxusercontent.com/u/430406/Temp%20%5Bok%20to%20delete%5D/Checking%20Font/index.html – Andreas 2015-03-03 14:25:23