Что за стиль текста на изображениях на данном сайте, на главной странице https://www.humbertpoyet.com/?

Question

[Станислав Цой]

Что за стиль текста на изображений на данном сайте https://www.humbertpoyet.com/, на главной странице?
Уже наверное все перерыл не могу никак найти.
Вот изображение:


Если это плагин какой подскажите пожалуйста.
Заранее спасибо!

Answer 1

[Дмитрий Чайников]

1. Шрифт называется: Gabriela Stencil
2. Использование текста в качестве маски:

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1000 500" >
<defs>
  <mask id="LetMask"  > 
  <rect 
    x="0" y="0"
    width="100%"
    height="100%"
    fill="#black" />
     <text
      font-size="300px"
      font-family="serif"
      x="100" y="300"
      fill="white">
      Text &#9973;
     </text>
  </mask>
</defs>
 <image 
   xlink:href="https://i.stack.imgur.com/sbuGW.jpg"
   width="100%"
   height="100%"
   mask="url(#LetMask)" /> 
</svg>

Comments

[Станислав Цой]

Спасибо, вы очень помогли!