2

我在将轮廓/笔划应用于看起来不错和/或什至适用于每个浏览器的文本时遇到问题。现在我正在使用:

<div style="font-family: Helvetica,sans-serif;color: #FFFFFF;font-size:40px;font-weight:bold;letter-spacing:-1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;filter:DropShadow(Color=#000000, OffX=2, OffY=2);">Text Example</div>

虽然这会将轮廓应用于 Firefox、Chrome 和 Safari 上的文本——它看起来不太好,有些角落不使用轮廓,而且轮廓甚至在 IE 中都不起作用,所以它切换到只使用阴影. 有没有更好的方法来应用在每个浏览器中看起来更好的文本轮廓/笔划?

4

3 回答 3

0

改用 SVG。看看这里

于 2013-04-04T09:59:06.030 回答
0

文本阴影不是为了模仿笔画,所以请注意 emptor

于 2012-01-18T19:50:43.493 回答
0

实际上 text-shadow 并不是为了给文本添加笔触,所以它不会产生你想要的准确效果。但是,如果您使用 1px/-1px 大小的阴影,它看起来可以接受。

您可以为此尝试 JavaScript。“ http://www.netzgesta.de/dev/text/#overview

看看它是否对你有帮助。

于 2013-05-01T12:46:54.767 回答