Как стилизовать такой текст?

Question

[Кирилл]

На картинке выше (полный размер) представлен текст из макета. Как стилизовать это чуда дизайнерской мысли?
В фотошопе текст реализован в виде трех текстовых слоев, наложенных друг на друга.
Верхний слой это прозрачный текст с серой полупрозрачной обводкой.
Средний слой это голубой текст, чуть смещенный относительно верхнего и с 30% прозрачностью.
Нижний слой это текст с наложенным узором и прозрачностью в 35%.
С помощью теней получилось добиться такого результата:
codepen.io/anon/pen/PPzJEJ
Для текстуры пробовал способ с -webkit-background-clip: text;, но из-за свойства text-shadow метод не работает.
Так же пробовал несколько методов на SVG, но сходу реализовать не получилось, сейчас подробнее разбираю методы с SVG.
Каким способом можно так стилизовать текст?

Answer 1

[Andrew]

www.w3schools.com/TAgs/canvas_filltext.asp Что-то вроде того

Comments

[Andrew]

jsfiddle.net/m1erickson/atM4m

Answer 2

[Денис Инешин]

Картинкой конечно.
Ну или SVG маски если хочется.