我使用谷歌的Web字體API的字體「拉託」，爲100谷歌web字體拉託100和移動Safari瀏覽器
字體重量在我所測試過的桌面瀏覽器都顯示正常。但是，如果我使用iPad或iPhone（都是iOS5）查看網頁，我注意到字體非常薄，似乎正確顯示的唯一東西就是點。
我嘗試使用Javascript，LINK-Tag和CSS @import方法實現字體，所有這些都產生了相同的結果。
我在常見問題解答中看到： Google Web Fonts API在絕大多數現代移動操作系統（包括Android 2.2+和iOS 4.2+（iPhone，iPad，iPod））上可靠運行。對早期iOS版本的支持有限。
這意味着它應該工作，對吧？ 有沒有辦法解決這個問題？
感謝
東西我見過，幫助真的瘦了字體（順便說一句也拉託）是這樣的：
-webkit-text-stroke-width: 0.1px;
無論如何，這只是按個別情況下，我會用一個類/媒體查詢，以確保僅適用它需要時（safari（由js設置的類）在1.0或以下的比例）。如果需要，嘗試更高的浮點值。
這是Safari瀏覽器每一個「細字體」問題（渲染不好）的答案。不能相信這是在StackOverflow中唯一的答案！ – 2014-09-23 15:19:33
你可以試着在問題添加以下內容到CSS的元素：
-webkit-font-smoothing: subpixel-antialiased;
同樣的，你可能有變換實現抗鋸齒。您也可以嘗試：
-webkit-transform: translate3d(0,0,0);
即使...
-webkit-backface-visibility: hidden;
瘋了，我知道了。
沒有任何組合解決了這個問題。 – Joseph 2012-02-18 08:18:38
也許是-webkit-text-size-adjust的錯。 嘗試
-webkit-text-size-adjust : none
不 - 對不起並沒有解決它。我也注意到這個錯誤也出現在一些Windows瀏覽器（即舊版本的IE）中 – Joseph 2012-03-11 06:18:05
你使用的是Ultra-Light 100？如果將其設置爲100，但該文件是另一個重量，則移動Safari可能試圖模擬較薄的變體。
無論哪種方式，儘量-webkit-font-smoothing: antialiased;，如果不工作，你的運氣了，嘗試300
在我看來，它的超薄字體的搭配方式移動Safari不走運的組合縮放網站以適應屏幕。通常字體會暗示您的計算機可以解釋如何在像素級別上繪製像素，但這會被Mobile Safari的縮放比例所覆蓋，從而將半像素繪製爲半透明。
你可以防止移動Safari瀏覽器通過添加以下meta標籤縮減您的網站：
<meta name="viewport" content="initial-scale=1.0; minimum-scale=1.0">
如果你想要的字體出現在移動Safari瀏覽器時，該解決方案將是保持與先前的聲明，並宣佈字體大小媒體查詢：
@media only screen and (max-device-width: 480px) {
font-size: 15px;
}
如果一切都失敗了，我想補充一個0像素文字陰影：
.selector {
text-shadow: 0 0 0 white;
}
你能發表截圖嗎？ 100看起來非常薄，可能是解決方案。你必須使用實際的字體嗎？如果它只是一個小文本，最好使用圖片... – Yisela 2012-02-17 20:31:03
我希望這可以工作：https：//lh6.googleusercontent.com/-QhOEvtKPXgY/Tz9eQJzuQxI/AAAAAAAAAAc/htEUOQCeRls/s481/Screen%2520Shot.jpg – Joseph 2012-02-18 08:17:34
最好有一個jsfiddle頁來演示發生了什麼...... – vincicat 2012-03-11 07:56:33