Webkit（内钛桌面）缩小字体答案

【问题标题】：Webkit (inside titanium desktop) shrinked fontsWebkit（内钛桌面）缩小字体
【发布时间】：2012-02-16 05:26:36
【问题描述】：

这个问题出现在每一个文本上，不管是table，div还是其他的东西

您可以在文本元素的每个右侧看到，缺少 1-2 个像素。添加填充永远不会有帮助

有什么建议吗？

【问题讨论】：

什么 HTML 和 CSS 生成了这种外观？向我们展示您的代码。
“Titanium Desktop”是指application development environment from Appcelerator吗？如果它清楚地描述了上下文，您的问题会更加有力。
钛桌面 = 使用钛工作室构建的桌面应用程序，它嵌入了 webkit 并使用纯 html/css。根据代码，它发生在普通跨度上，没有 css。所以如果我说 anything 这将是代码。

【解决方案1】：

我在 Windows 中的 TideSDK 中对这个问题的解决方案是对有问题的字体执行以下操作：

font-weight: 600;

也许不是您的应用程序的最佳解决方案，（也许您不想为字体添加任何空间或重量，因为您可能需要显示更大的数据表），但我的客户可以接受。

【讨论】：

【解决方案2】：

我已经尝试处理这个问题一个月了。这是我尝试并发现的。但我无法得到实际的解决方案；

我已经跟进了这个帖子，不幸的是没有任何效果。

尝试了几个简单的 html 文档，其中最可能的 doctypes、css、font-size、font-styles reset ..etc 没有奏效。

我发现了；与远程 url 一起使用时，它似乎工作正常，渲染没问题。使用嵌入的html页面时，导致问题。

在钛问题列表中；我发现，它们表示为 Webkit 错误。 https://jira.appcelerator.org/browse/TIDESK-136

解决方案可能是升级 webkit 版本，但 Titanium 比 webkit 有很多功能。所以升级不是一件容易的事。

【讨论】：

【解决方案3】：

尝试将display: inline-block 和一个否定的text-indent 设置为<span> 元素（嵌入在仅限webkit 的媒体查询中）

【讨论】：

【解决方案4】：

这可能是因为

【讨论】：

正如我已经注意到的那样，这发生在只有一个跨度的清晰 html 文件上，根本没有 css，尝试了这个问题中建议的所有内容。我分发程序的每个用户都有同样的问题。指定html5的文档类型...尝试重置，尝试了一切。有趣的是，如果在其他 Windows 机器上安装钛工作室会导致相同的行为。只是必须有一些常见的 css 重置，但尝试了我发现的所有内容以及这里的建议......

【解决方案5】：

您可以尝试使用 -webkit-font-size-adjust。

【讨论】：

【解决方案6】：

您是否设置了视口元标记来指定其宽度和缩放比例？也许这会有所帮助？它记录在Apple dev docs

【讨论】：

【解决方案7】：

您可以尝试对 webkit 浏览器进行以下修复。
用您的文本类替换按钮跨度..

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 和仅限谷歌浏览器 - 修复边距 */ 你的类名 { margin-top: –1px; } }

【讨论】：