css - Google webfont Lato 100 和移动版 Safari

标签 css safari mobile-safari webfonts google-webfonts

我正在使用 Google 的网络字体 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 版本的支持有限。

这意味着它应该可以工作,对吗? 有办法解决这个问题吗?

谢谢

最佳答案

我看到的可以帮助非常细的字体(顺便说一句还有 Lato)是这样的:

-webkit-text-stroke-width: 0.1px;

无论如何,这只是个案分析,我会使用类/媒体查询来确保只在需要时应用它(safari(带有由 js 设置的类)在 1.0 或类似的规模下)。如果需要,尝试更高的浮点值。

关于css - Google webfont Lato 100 和移动版 Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9326569/

相关文章:

css - 一个 img 中的简单图像和视网膜图像

css - Chrome 和 Safari 错误::不允许加载本地资源:file:///D:/CSS/Style.css

safari - Angular 6 应用程序在 safari 浏览器中不起作用

javascript - 单击按钮时打开半页

iPhone/iPad。如何通过 Safari 中的链接启动应用程序?

javascript - -webkit-transform-origin-z 在 Chrome、Safari 和 Mobile Safari 中

javascript - iPhone WebApp 在 safari 中打开链接

jquery - 悬停时右侧面板闪烁

html - 如何在 img 中使用 flexbox

javascript - Edge 和 IE11 中的 CSS 转换不起作用