css文字阴影在Chrome

在this page，我申请了一个文本阴影，看起来好Firefox中的标题：css文字阴影在Chrome

enter image description here

但它在Chrome V.17看起来可怕

enter image description here

text-shadow: 1px 1px 1px black;

0123改变了文本阴影样式

到：

text-shadow: 0 0 0 transparent, 1px 1px 1px black;

但它并没有区别。我能做些什么来改进文字阴影在Chrome中的渲染方式吗？理想情况下，我希望他们在Chrome中看起来与在Firefox中看起来一样。

来源

2012-02-23 Dónal

它工作正常。我在mac ox上使用chrome 17 – sandeep 2012-02-23 12:01:27

看起来，当Chrome渲染阴影时，它不知何故使得“m”变成更窄的字母。尝试设置'color：rgba（0,0,0,0）'，你会明白我的意思。无论你后来对“文字 - 阴影”字母做什么都会变形。另外请注意，如果你将字体从Verdana更改为ie。宋体，阴影似乎没问题。所以我想这可能是一些类型向量......也许...... – 2012-02-23 12:04:26

如果我是你，我会稍微改变阴影。将其更改为：

text-shadow: 1px 1px 0 black;

似乎可以在Chrome中解决问题。

来源

2012-02-23 12:59:22

试试这个，

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

来源

2012-02-23 13:04:21

它为我工作的罚款。

Chrome 17.0.963。 Firefox 11.0

不知道什么是错的。尝试增加字体大小。

来源

2012-02-23 13:20:42 Katti

检查一下可能有点帮助我不知道。看来你可能有抗混叠的问题，有人帮我解决抗锯齿在每个浏览器..

检查： Antialiased text in Firefox after CSS rotation

这并入包括translate3d（0像素，0像素，1像素），这样的图形处理器处理处理并软化别名

来源

2014-02-27 21:08:45 mike

css文字阴影在Chrome

回答

相关问题