Google webfont Lato 100和移动Safari
我使用的是Google的web字体api，字体为"Lato"，字体粗细为100。
在桌面浏览器上，我已经测试过一切都显示正常。但是，如果我用iPad或iPhone (两者都是iOS5)浏览网页，我会注意到字体非常细，唯一能正确显示的似乎就是点。
我尝试使用Javascript、LINK-Tag和CSS @import方法实现字体，都产生了相同的结果。
我在常见问题解答中看到: Google Web Fonts API可以在绝大多数现代移动操作系统上可靠地工作，包括Android 2.2+和iOS 4.2+ (iPhone，iPad，iPod)。对早期iOS版本的支持是有限的。
这意味着它应该可以工作，对吧？有什么办法可以解决这个问题吗？
谢谢
回答 5
Stack Overflow用户
发布于 2012-03-12 21:00:49
我看到的一些对瘦字体有帮助的东西(顺便说一句，还有Lato)是这样的：
-webkit-text-stroke-width: 0.1px;无论如何，这只是一个案例的基础，我会使用一个类/媒体查询，以确保只在需要的时候应用它(safari(由js设置的一个类)在1.0或更小的范围内)。如果需要，请尝试更高的浮点值。
Stack Overflow用户
发布于 2012-03-12 15:12:57
在我看来，超薄的字体与Mobile Safari缩放网站以适应屏幕的方式结合在一起是不吉利的。通常，字体会有提示，允许您的计算机解释如何绘制像素(如果达到亚像素级别)，但这被Mobile Safari的缩放所覆盖，因此绘制半个像素为半透明。
你可以通过添加下面的meta标签来阻止mobile safari缩小你的网站：
<meta name="viewport" content="initial-scale=1.0; minimum-scale=1.0">如果你想让字体在移动safari中看起来更小，解决方案是保留之前的声明，并在媒体查询中声明字体大小：
@media only screen and (max-device-width: 480px) {
font-size: 15px;
}如果其他方法都失败了，我会添加一个0px的文本阴影：
.selector {
text-shadow: 0 0 0 white;
}Stack Overflow用户
发布于 2012-03-10 03:23:06
也许是-webkit-text-size-adjust的错，试试吧
-webkit-text-size-adjust : nonehttps://stackoverflow.com/questions/9326569
复制相似问题
腾讯云开发者
