Html CSS 3带边框的文本阴影

Html CSS 3带边框的文本阴影,html,css,Html,Css,我有一种叫做Myriadro BoldIt的字体,我在photoshop上用它创建了一个文本设计,如下所示 我尝试使用css将以下代码添加到我之前转换为web字体的相同字体中,从而添加这种样式 -webkit-text-stroke: 1px black; color: white; text-shadow:3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; 但它并没有给出同样的结果

我有一种叫做Myriadro BoldIt的字体,我在photoshop上用它创建了一个文本设计,如下所示

我尝试使用css将以下代码添加到我之前转换为web字体的相同字体中,从而添加这种样式

-webkit-text-stroke: 1px black;
color: white;
text-shadow:3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
但它并没有给出同样的结果。有人知道如何使用css创建此类字母吗?

您是否尝试过:

  color: black;
text-shadow:
  2px 2px 0 white,
  3px 3px 0 gray;
您必须调整坐标和字体大小,以使某些内容看起来很好。

您是否简单地尝试过:

  color: black;
text-shadow:
  2px 2px 0 white,
  3px 3px 0 gray;
您必须调整坐标和字体大小,以使某些内容看起来很好。


我能做这样的事情

h1 {
    font-size: 100px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff,
            -1px 1px 0 #fff, 3px 3px 5px #333;
}​

我能做这样的事情

h1 {
    font-size: 100px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff,
            -1px 1px 0 #fff, 3px 3px 5px #333;
}​

以下是一个效果良好的演示:


还有一个CSS技巧教程:

这里是一个效果很好的演示:


还有一个CSS技巧教程:

您可以调整值以获得所需的效果。如果答案对您有帮助,您可以接受:)IE 9不起作用,您是否知道过滤器:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);要添加ie 9,您可以调整值以获得所需的效果。如果答案对您有帮助,您可以接受:)IE 9不起作用,您是否知道过滤器:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);为ie 9添加