Javascript Safari(5.0.5)中的文本呈现不一致

Javascript Safari(5.0.5)中的文本呈现不一致,javascript,css,text,safari,rendering,Javascript,Css,Text,Safari,Rendering,我很难解决这个问题 我正在处理,但它呈现的文本不一致,正如您在这个屏幕截图中看到的: 加载页面时,主菜单中的文本看起来很薄(左),并且与其他操作系统和浏览器一致。但当点击时,它会变得有点重,如屏幕截图右侧所示 我检查了样式表和Safaris(和Chrome)DOM检查器中的每个CSS属性,它们都是相同的 当我在Safari中禁用脚本时,文本会像较重的版本(右)一样加载,所以我猜这会造成干扰。(我正在加载一些Vimeo flash播放器和其他脚本) 对于added mistery,该站点是的副

我很难解决这个问题

我正在处理,但它呈现的文本不一致,正如您在这个屏幕截图中看到的:

加载页面时,主菜单中的文本看起来很薄(左),并且与其他操作系统和浏览器一致。但当点击时,它会变得有点重,如屏幕截图右侧所示

我检查了样式表和Safaris(和Chrome)DOM检查器中的每个CSS属性,它们都是相同的

当我在Safari中禁用脚本时,文本会像较重的版本(右)一样加载,所以我猜这会造成干扰。(我正在加载一些Vimeo flash播放器和其他脚本)

对于added mistery,该站点是的副本,它们都有完全相同的样式表、DOM(标记)、字体文件和Javascript。只有颜色和内容会改变。但在文本中,最初在较重的版本中加载,并保持不变

我已经能够在运行于OSX Leopard的Safari 505上重现这种行为

根据客户的要求,文本必须看起来像右边的(较重)。 我曾尝试在CSS中强制执行-webkit字体平滑文本渲染,但没有一个成功。字体重量看起来不好,因为它会强制字体

更新1:
我现在知道这是什么时候了:只有当菜单后面有一个Vimeo flash播放器时,文本才会变薄。如果后面没有视频,它看起来会更重(应该如此)。也许这带来了新的曙光。(我尝试为Moogaloop禁用jQuery Froogaloop,但没有成功)

虽然不是真正的解决方案,但您可以尝试添加如下内容

文本阴影:0.1pxRGBA(0,0,0,0.3)

到文本。

首先,执行以下操作:

opacity: .99;
将此应用于包含文本的对象将使其看起来“更亮”。因此,它不会以您喜欢的方式(坚持“常规”厚度)解决问题,而是会防止随后的“反弹”到外观较轻的变体

现在,让我们做一些调整:

text-shadow: 0 0 1px rgba(255, 255, 255, 0.75);

此外,使用与字体颜色完全相同的细微文本阴影将使文本看起来几乎与您想要的一模一样。

您可以尝试删除所有无关的样式表和Java脚本,看看问题是否消失。然后一次一个放回去,直到问题再次出现。@Blender你是说右边的那个,重的那个?是的,这就是它应该看起来的样子,但我不能强迫它看起来像那样。你可能无法解决这个问题(合成的工作方式取决于渲染引擎)。你试过不同的Flash嵌入窗口模式吗?我想我不能访问Flash嵌入,因为我使用的是Vimeos Universal Player。它在vía iFrame中工作,因此我无法访问实例,因为它们位于另一个域中。