How to style such text?

Question

css

The image above ( full size ) shows the text from the layout. How to style this miracle of design thought?
In Photoshop, text is implemented as three text layers superimposed on each other.
The top layer is transparent text with a gray translucent stroke.
The middle layer is blue text, slightly offset from the top one, and with 30% opacity.
The bottom layer is the patterned text with 35% opacity.
With the help of shadows, it turned out to achieve the following result:
codepen.io/anon/pen/PPzJEJ
For the texture, I tried the method with -webkit-background-clip: text;, but because of the text-shadow property, the method does not work.
I also tried several methods on SVG, but I couldn’t implement it right away, now I’m analyzing methods with SVG in more detail.
How can you style text like this?

Answer 1

www.w3schools.com/TAgs/canvas_filltext.asp Something like this

Answer 2

A picture of course.
Well, or SVG masks if you want.