CSS - 尝试复制文本阴影

Question

从这张图片上看 https:/www.dafont.comimgillustrationdidigital_dot_roadsign.png我想制作与右上角相同的 "DIGITAL DOT ROADSIGN "文字。对于字体，我使用的是经典代码。

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

但对于文字阴影，我不能让它看起来像图片上一样强烈。我使用了 text-shadow: 0px 0px 50px #823400 对于第三个值，我试着用很高的数字，但它看起来总是很弱，很单薄(https:/i.gyazo.combc771e5cfd7753985aeffd0c8b8770a8.png。)如何制作 text-shadow 的图像？

Answer 1

在你的css中试试这个，或者用深色的背景色或浅色的shandow色。我使用了下面的设置，得到的结果是这样的。https:/imgur.comtUD6lHQ

 @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;
}