So erhalten Sie diese Art von Strich und Schatten mithilfe von CSS

Question

Ich habe Stroke ausprobiert, aber kein Ergebnis erzielt. Bitte schlagen Sie mir daher das CSS vor, um dieses Problem zu lösen. Ich habe auch Shadow to Text ausprobiert:

body {
  color: #000;
  -webkit-text-fill-color: #030303;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fbf7f7;
  text-shadow: 8px -2px 0 #fff4f4,
  -4px -6px 0 #fff,
  -6px -5px 0 #fff,
  -8px 5px 0 #fffbfb;
}

/* added by Editor for demonstration purpose */
body {
  background-color: lightgray;
}

Lorem Ipsum

Answer 1

您可以使用文字描边：

body{
  background:gray;
}
p{
  font-size:38px;
  font-weight:700;
  -webkit-text-stroke: 2px white;
} 

<p>Text with shadow</p>