CSS - 试图复制文本阴影答案

【问题标题】：CSS - Trying to copy text-shadowCSS - 试图复制文本阴影
【发布时间】：2020-05-15 21:52:30
【问题描述】：

从这张图片https://www.dafont.com/img/illustration/d/i/digital_dot_roadsign.png，我想生成与右上角相同的“DIGITAL DOT ROADSIGN”文本。对于字体，我使用经典代码：

@font-face {
  font-family: DDR;
  src: url(DigitalDotRoadsign.otf);
}

但是对于文本阴影，我无法让它看起来像在图像上显示的那样强烈。我使用text-shadow: 0px 0px 50px #823400，对于第三个值，我尝试使用非常高的数字，但它总是看起来有点弱和瘦（https://i.gyazo.com/bc771e5cfd7753985aeffd0c8b8770a8.png）我怎样才能生成图像的text-shadow？

【问题讨论】：

标签： css shadow

【解决方案1】：

在您的 css 中试试这个，或者使用较深的背景颜色或较浅的阴影颜色。我使用了下面的设置并得到了这个结果。 https://imgur.com/tUD6lHQ

 @font-face {
    font-family: "Digital Dot Roadsign";
    src: url(DigitalDotRoadsign.otf);
}
* {
background-color: black;
font-family: "Digital Dot Roadsign";
font-weight: 400;
font-size: 100px;
text-shadow: 0px 0px 40px rgb(255, 196, 0);
color: yellow;
}

【讨论】：