Full-Stack freelance Umbraco developer in the UK.

George Phillipson - Freelance Umbraco developer

Text Stroke CSS For Browsers

Text Stroke CSS For All Browsers
p {
  font-family: Arial, sans-serif;
  font-size: 40px;
  font-weight: bold;
  color: white;
  }
.p1 {
  text-shadow: black 0 0 10px;
  }
.p2 {
  text-shadow: black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px;
  }
.p3 {
  text-shadow: black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px, black 0 0 10px;
  }
<svg class="svg-phone-width" height="50">
        <text class="svg-call-text" transform="rotate(-20 20,80)">Call</text>
        <text class="svg-phone-number">00000 000 000</text>
        Your browser does not support SVG.
    </svg>
.svg-phone-width {
    width: 500px;
  }
.svg-call-text {
  fill: red;
  font-size: 18px;
  stroke: black;
  stroke-width: 1px;
  font-family: 'Black Han Sans';
  transform: matrix(1,-0.3,0,1,5,40);
}
.svg-phone-number {
  fill: #d6a82e;
  stroke: black;
  stroke-width: 1px;
  font-size: 30px;
  font-family: 'Black Han Sans';
  transform: translate(50px,35px);
}
Text Stroke CSS For Browsers

Please enter your comment.